@deephaven/dashboard-core-plugins 0.5.2-matplotlib.3 → 0.6.1-demo.8

package/dist/panels/NotebookPanel.js

@@ -1,29 +1,7 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 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
@@ -43,89 +21,110 @@ import classNames from 'classnames';
 import debounce from 'lodash.debounce';
 import Log from '@deephaven/log';
 import { Pending, PromiseUtils } from '@deephaven/utils';
-import { ConsoleEvent, NotebookEvent } from '../events';
-import { getDashboardSessionWrapper } from '../redux';
-import Panel from './Panel';
-import SHORTCUTS from './Shortcuts';
+import { ConsoleEvent, NotebookEvent } from "../events/index.js";
+import { getDashboardSessionWrapper } from "../redux/index.js";
+import Panel from "./Panel.js";
+import SHORTCUTS from "./Shortcuts.js";
 import "./NotebookPanel.css";
 var log = Log.module('NotebookPanel');
 var DEBOUNCE_PANEL_STATE_UPDATE = 400;
 
-var NotebookPanel = /*#__PURE__*/function (_Component) {
-  _inherits(NotebookPanel, _Component);
-
-  var _super = _createSuper(NotebookPanel);
-
-  function NotebookPanel(props) {
-    var _this;
-
-    _classCallCheck(this, NotebookPanel);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "getOverflowActions", memoize(function () {
-      return [{
-        title: 'Find',
-        icon: dhFileSearch,
-        action: _this.handleFind,
-        group: ContextActions.groups.high,
-        shortcut: SHORTCUTS.NOTEBOOK.FIND,
-        order: 10
-      }];
-    }));
-
-    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
-    _this.handleCloseCancel = _this.handleCloseCancel.bind(_assertThisInitialized(_this));
-    _this.handleCloseDiscard = _this.handleCloseDiscard.bind(_assertThisInitialized(_this));
-    _this.handleCloseSave = _this.handleCloseSave.bind(_assertThisInitialized(_this));
-    _this.handleCopy = _this.handleCopy.bind(_assertThisInitialized(_this));
-    _this.handleEditorChange = _this.handleEditorChange.bind(_assertThisInitialized(_this));
-    _this.handleFind = _this.handleFind.bind(_assertThisInitialized(_this));
-    _this.handleFocus = _this.handleFocus.bind(_assertThisInitialized(_this));
-    _this.handleLoadSuccess = _this.handleLoadSuccess.bind(_assertThisInitialized(_this));
-    _this.handleLoadError = _this.handleLoadError.bind(_assertThisInitialized(_this));
-    _this.handleRenameFile = _this.handleRenameFile.bind(_assertThisInitialized(_this));
-    _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_this));
-    _this.handleRunCommand = _this.handleRunCommand.bind(_assertThisInitialized(_this));
-    _this.handleRunAll = _this.handleRunAll.bind(_assertThisInitialized(_this));
-    _this.handleRunSelected = _this.handleRunSelected.bind(_assertThisInitialized(_this));
-    _this.handleSave = _this.handleSave.bind(_assertThisInitialized(_this));
-    _this.handleSaveAsCancel = _this.handleSaveAsCancel.bind(_assertThisInitialized(_this));
-    _this.handleSaveAsSubmit = _this.handleSaveAsSubmit.bind(_assertThisInitialized(_this));
-    _this.handleSaveError = _this.handleSaveError.bind(_assertThisInitialized(_this));
-    _this.handleSaveSuccess = _this.handleSaveSuccess.bind(_assertThisInitialized(_this));
-    _this.handleSessionOpened = _this.handleSessionOpened.bind(_assertThisInitialized(_this));
-    _this.handleSessionClosed = _this.handleSessionClosed.bind(_assertThisInitialized(_this));
-    _this.handleShow = _this.handleShow.bind(_assertThisInitialized(_this));
-    _this.handleShowRename = _this.handleShowRename.bind(_assertThisInitialized(_this));
-    _this.handleTab = _this.handleTab.bind(_assertThisInitialized(_this));
-    _this.handleTabFocus = _this.handleTabFocus.bind(_assertThisInitialized(_this));
-    _this.handleTabBlur = _this.handleTabBlur.bind(_assertThisInitialized(_this));
-    _this.pending = new Pending();
-    _this.debouncedSavePanelState = debounce(_this.savePanelState.bind(_assertThisInitialized(_this)), DEBOUNCE_PANEL_STATE_UPDATE);
-    _this.debouncedLoad = debounce(_this.load.bind(_assertThisInitialized(_this)), DEBOUNCE_PANEL_STATE_UPDATE);
-    _this.notebook = null;
-    _this.tabTitleElement = null;
-    _this.unsavedIndicator = null;
-    _this.tabInitOnce = false;
-    _this.shouldPromptClose = true;
-    var isDashboardActive = props.isDashboardActive,
-        session = props.session,
-        sessionLanguage = props.sessionLanguage,
-        panelState = props.panelState;
+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, "getOverflowActions", memoize(() => [{
+      title: 'Find',
+      icon: dhFileSearch,
+      action: this.handleFind,
+      group: ContextActions.groups.high,
+      shortcut: SHORTCUTS.NOTEBOOK.FIND,
+      order: 10
+    }]));
+
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleCloseCancel = this.handleCloseCancel.bind(this);
+    this.handleCloseDiscard = this.handleCloseDiscard.bind(this);
+    this.handleCloseSave = this.handleCloseSave.bind(this);
+    this.handleCopy = this.handleCopy.bind(this);
+    this.handleEditorChange = this.handleEditorChange.bind(this);
+    this.handleFind = this.handleFind.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleLoadSuccess = this.handleLoadSuccess.bind(this);
+    this.handleLoadError = this.handleLoadError.bind(this);
+    this.handlePanelTabClick = this.handlePanelTabClick.bind(this);
+    this.handleRenameFile = this.handleRenameFile.bind(this);
+    this.handleResize = this.handleResize.bind(this);
+    this.handleRunCommand = this.handleRunCommand.bind(this);
+    this.handleRunAll = this.handleRunAll.bind(this);
+    this.handleRunSelected = this.handleRunSelected.bind(this);
+    this.handleSave = this.handleSave.bind(this);
+    this.handleSaveAsCancel = this.handleSaveAsCancel.bind(this);
+    this.handleSaveAsSubmit = this.handleSaveAsSubmit.bind(this);
+    this.handleSaveError = this.handleSaveError.bind(this);
+    this.handleSaveSuccess = this.handleSaveSuccess.bind(this);
+    this.handleSessionOpened = this.handleSessionOpened.bind(this);
+    this.handleSessionClosed = this.handleSessionClosed.bind(this);
+    this.handleShow = this.handleShow.bind(this);
+    this.handleShowRename = this.handleShowRename.bind(this);
+    this.handleTab = this.handleTab.bind(this);
+    this.handleTabFocus = this.handleTabFocus.bind(this);
+    this.handleTabBlur = this.handleTabBlur.bind(this);
+    this.pending = new Pending();
+    this.debouncedSavePanelState = debounce(this.savePanelState.bind(this), DEBOUNCE_PANEL_STATE_UPDATE);
+    this.debouncedLoad = debounce(this.load.bind(this), DEBOUNCE_PANEL_STATE_UPDATE);
+    this.notebook = null;
+    this.tabTitleElement = null;
+    this.unsavedIndicator = null;
+    this.tabInitOnce = false;
+    this.shouldPromptClose = true;
+    var {
+      isDashboardActive,
+      session,
+      sessionLanguage,
+      panelState
+    } = props;
     var settings = {
       value: ''
     };
     var fileMetadata = null;
-    var isPreview = props.isPreview;
+    var {
+      isPreview
+    } = props;
 
     if (panelState) {
-      var _panelState$fileMetad = panelState.fileMetadata;
-      fileMetadata = _panelState$fileMetad === void 0 ? fileMetadata : _panelState$fileMetad;
-      var _panelState$isPreview = panelState.isPreview;
-      isPreview = _panelState$isPreview === void 0 ? isPreview : _panelState$isPreview;
-      var _panelState$settings = panelState.settings;
-      settings = _panelState$settings === void 0 ? settings : _panelState$settings;
+      ({
+        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
 
@@ -135,870 +134,875 @@ var NotebookPanel = /*#__PURE__*/function (_Component) {
 
     var isUnsaved = hasFileId && settings.value != null || !hasFileId && settings.value;
     var changeCount = isUnsaved ? 1 : 0;
-    _this.state = {
+    this.state = {
       error: null,
-      isDashboardActive: isDashboardActive,
+      isDashboardActive,
       isFocused: false,
       isLoading: true,
       isLoaded: false,
-      isPreview: isPreview,
+      isPreview,
       savedChangeCount: 0,
-      changeCount: changeCount,
-      fileMetadata: fileMetadata,
-      settings: settings,
-      session: session,
-      sessionLanguage: sessionLanguage,
+      changeCount,
+      fileMetadata,
+      settings,
+      session,
+      sessionLanguage,
       // eslint-disable-next-line react/no-unused-state
       panelState: {
-        fileMetadata: fileMetadata,
-        settings: settings
+        fileMetadata,
+        settings
       },
       showCloseModal: false,
       showSaveAsModal: false,
       scriptCode: ''
     };
-    log.debug('constructor', props, _this.state);
-    return _this;
+    log.debug('constructor', props, this.state);
+  }
+
+  componentDidMount() {
+    var {
+      glContainer,
+      glEventHub
+    } = this.props;
+    var {
+      tab
+    } = glContainer;
+    if (tab) this.initTab(tab);
+    this.initNotebookContent();
+    glEventHub.on(NotebookEvent.RENAME_FILE, this.handleRenameFile);
+    glContainer.on('tabClicked', this.handlePanelTabClick);
   }
 
-  _createClass(NotebookPanel, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this$props = this.props,
-          tab = _this$props.glContainer.tab,
-          glEventHub = _this$props.glEventHub;
-      if (tab) this.initTab(tab);
-      this.initNotebookContent();
-      glEventHub.on(NotebookEvent.RENAME_FILE, this.handleRenameFile);
+  componentDidUpdate(prevProps, prevState) {
+    var {
+      isPreview
+    } = this.state;
+
+    if (isPreview !== prevState.isPreview) {
+      this.setPreviewStatus(isPreview);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var isPreview = this.state.isPreview;
+  }
 
-      if (isPreview !== prevState.isPreview) {
-        this.setPreviewStatus(isPreview);
-      }
+  componentWillUnmount() {
+    this.debouncedSavePanelState.flush();
+    this.pending.cancel();
+    var {
+      glContainer,
+      glEventHub
+    } = this.props;
+    var {
+      fileMetadata,
+      isPreview
+    } = this.state;
+    glEventHub.off(NotebookEvent.RENAME_FILE, this.handleRenameFile);
+    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) {
+    if (!this.tabInitOnce) {
+      this.tabInitOnce = true;
+      this.initTabCloseOverride();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.debouncedSavePanelState.flush();
-      this.pending.cancel();
-      var glEventHub = this.props.glEventHub;
-      var _this$state = this.state,
-          fileMetadata = _this$state.fileMetadata,
-          isPreview = _this$state.isPreview;
-      glEventHub.off(NotebookEvent.RENAME_FILE, this.handleRenameFile);
-      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
-
-  }, {
-    key: "initTab",
-    value: function initTab(tab) {
-      if (!this.tabInitOnce) {
-        this.tabInitOnce = true;
-        this.initTabCloseOverride();
-      }
 
-      this.initTabClasses(tab);
-    } // override glContainer.close() with a custom closure that checks if needs saving
+    this.initTabClasses(tab);
+  } // override glContainer.close() with a custom closure that checks if needs saving
 
-  }, {
-    key: "initTabCloseOverride",
-    value: function initTabCloseOverride() {
-      var _this2 = this;
 
-      var glContainer = this.props.glContainer;
-      var close = glContainer.close.bind(glContainer);
+  initTabCloseOverride() {
+    var {
+      glContainer
+    } = this.props;
+    var close = glContainer.close.bind(glContainer);
 
-      glContainer.close = function () {
-        var _this2$state = _this2.state,
-            changeCount = _this2$state.changeCount,
-            savedChangeCount = _this2$state.savedChangeCount;
+    glContainer.close = () => {
+      var {
+        changeCount,
+        savedChangeCount
+      } = this.state;
 
-        if (changeCount !== savedChangeCount && _this2.shouldPromptClose) {
-          _this2.setState({
-            showCloseModal: true
-          });
-        } else {
-          close();
-        }
-      };
-    }
-  }, {
-    key: "initTabClasses",
-    value: function initTabClasses(tab) {
-      var tabElement = tab.element.get(0);
-      var titleElement = tabElement.querySelector('.lm_title');
-      this.tabTitleElement = titleElement;
-      titleElement.classList.add('notebook-title');
-      this.setPreviewStatus();
-    }
-  }, {
-    key: "getNotebookValue",
-    value: function getNotebookValue() {
-      var _this$state2 = this.state,
-          changeCount = _this$state2.changeCount,
-          savedChangeCount = _this$state2.savedChangeCount,
-          settings = _this$state2.settings;
-      var value = settings.value;
-
-      if (changeCount !== savedChangeCount && this.notebook) {
-        var notebookValue = this.notebook.getValue();
-        return notebookValue != null ? notebookValue : value;
+      if (changeCount !== savedChangeCount && this.shouldPromptClose) {
+        this.setState({
+          showCloseModal: true
+        });
+      } else {
+        close();
       }
+    };
+  }
 
-      return value;
-    }
-  }, {
-    key: "initNotebookContent",
-    value: function initNotebookContent() {
-      // Init from file,
-      // fallback to content from settings for unsaved notebook
-      var _this$state3 = this.state,
-          fileMetadata = _this$state3.fileMetadata,
-          settings = _this$state3.settings,
-          isPreview = _this$state3.isPreview;
-
-      if (fileMetadata && fileMetadata.id) {
-        log.debug('Init content from file');
-        this.registerFileMetadata(fileMetadata, isPreview);
-        this.load();
-        return;
-      }
+  initTabClasses(tab) {
+    var tabElement = tab.element.get(0);
+    var titleElement = tabElement.querySelector('.lm_title');
+    this.tabTitleElement = titleElement;
+    titleElement.classList.add('notebook-title');
+    this.setPreviewStatus();
+  }
 
-      if (settings.value != null) {
-        log.debug('Use content passed in the settings prop');
-        this.handleLoadSuccess();
-        return;
-      } // No settings, no metadata
+  getNotebookValue() {
+    var {
+      changeCount,
+      savedChangeCount,
+      settings
+    } = this.state;
+    var {
+      value
+    } = settings;
+
+    if (changeCount !== savedChangeCount && this.notebook) {
+      var notebookValue = this.notebook.getValue();
+      return notebookValue != null ? notebookValue : value;
+    }
 
+    return value;
+  }
 
-      this.handleLoadError(new Error('Missing file metadata'));
-    }
-  }, {
-    key: "closeFileTabById",
-    value: function closeFileTabById(id) {
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(NotebookEvent.CLOSE_FILE, {
-        id: 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
-
-  }, {
-    key: "registerFileMetadata",
-    value: function registerFileMetadata(fileMetadata, isPreview) {
-      var _this$props2 = this.props,
-          glEventHub = _this$props2.glEventHub,
-          metadata = _this$props2.metadata;
-      var tabId = metadata.id;
-      glEventHub.emit(NotebookEvent.REGISTER_FILE, tabId, fileMetadata, isPreview);
-    }
-  }, {
-    key: "renameTab",
-    value: function renameTab(id, title) {
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(NotebookEvent.RENAME, id, title);
+  initNotebookContent() {
+    // Init from file,
+    // fallback to content from settings for unsaved notebook
+    var {
+      fileMetadata,
+      settings,
+      isPreview
+    } = this.state;
+
+    if (fileMetadata && fileMetadata.id) {
+      log.debug('Init content from file');
+      this.registerFileMetadata(fileMetadata, isPreview);
+      this.load();
+      return;
     }
-  }, {
-    key: "load",
-    value: function load() {
-      var _this3 = this;
-
-      var _this$state4 = this.state,
-          fileMetadata = _this$state4.fileMetadata,
-          settings = _this$state4.settings;
-      var id = fileMetadata.id;
-      var fileStorage = this.props.fileStorage;
-      this.pending.add(fileStorage.loadFile(id)).then(function (loadedFile) {
-        log.debug('Loaded file', loadedFile);
-        var itemName = loadedFile.filename;
-        var prevItemName = _this3.state.itemName;
-
-        if (itemName !== prevItemName) {
-          var metadata = _this3.props.metadata;
-          var tabId = metadata.id;
-
-          _this3.renameTab(tabId, FileUtils.getBaseName(itemName));
-        }
 
-        var updatedSettings = _objectSpread(_objectSpread({}, settings), {}, {
-          language: NotebookPanel.languageFromFileName(itemName)
-        });
+    if (settings.value != null) {
+      log.debug('Use content passed in the settings prop');
+      this.handleLoadSuccess();
+      return;
+    } // No settings, no metadata
 
-        if (settings.value == null) {
-          updatedSettings.value = loadedFile.content;
-        }
 
-        _this3.setState({
-          fileMetadata: {
-            id: itemName,
-            itemName: itemName
-          },
-          settings: updatedSettings
-        });
+    this.handleLoadError(new Error('Missing file metadata'));
+  }
 
-        _this3.debouncedSavePanelState();
-      }).then(this.handleLoadSuccess)["catch"](this.handleLoadError);
-    }
-    /**
-     * Attempts to save the notebook.
-     * @returns {boolean} Returns true if save has begun, false if user needed to be prompted
-     */
-
-  }, {
-    key: "save",
-    value: function save() {
-      var fileMetadata = this.state.fileMetadata;
-
-      if (fileMetadata && FileUtils.hasPath(fileMetadata.itemName)) {
-        var content = this.getNotebookValue();
-        this.saveContent(fileMetadata.itemName, content);
-        return true;
-      }
+  closeFileTabById(id) {
+    var {
+      glEventHub
+    } = this.props;
+    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
+
+
+  registerFileMetadata(fileMetadata, isPreview) {
+    var {
+      glEventHub,
+      metadata
+    } = this.props;
+    var {
+      id: tabId
+    } = metadata;
+    glEventHub.emit(NotebookEvent.REGISTER_FILE, tabId, fileMetadata, isPreview);
+  }
 
-      this.setState({
-        showSaveAsModal: true
-      });
-      return false;
-    }
-    /**
-     * Update existing file content
-     * @param {string} filename The name of the file
-     * @param {string} content New file content
-     */
-
-  }, {
-    key: "saveContent",
-    value: function saveContent(filename, content) {
-      log.debug('saveContent', filename, content);
-      this.updateSavedChangeCount();
-      var fileStorage = this.props.fileStorage;
-      this.pending.add(fileStorage.saveFile({
-        filename: filename,
-        content: content
-      })).then(this.handleSaveSuccess)["catch"](this.handleSaveError);
-    }
-  }, {
-    key: "updateSavedChangeCount",
-    value: function updateSavedChangeCount() {
-      this.setState(function (_ref) {
-        var changeCount = _ref.changeCount;
-        return {
-          savedChangeCount: changeCount
-        };
-      });
-    }
-  }, {
-    key: "setPreviewStatus",
-    value: function setPreviewStatus() {
-      if (!this.tabTitleElement) {
-        return;
+  renameTab(id, title) {
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(NotebookEvent.RENAME, id, title);
+  }
+
+  load() {
+    var {
+      fileMetadata,
+      settings
+    } = this.state;
+    var {
+      id
+    } = fileMetadata;
+    var {
+      fileStorage
+    } = this.props;
+    this.pending.add(fileStorage.loadFile(id)).then(loadedFile => {
+      log.debug('Loaded file', loadedFile);
+      var {
+        filename: itemName
+      } = loadedFile;
+      var {
+        itemName: prevItemName
+      } = this.state;
+
+      if (itemName !== prevItemName) {
+        var {
+          metadata
+        } = this.props;
+        var {
+          id: tabId
+        } = metadata;
+        this.renameTab(tabId, FileUtils.getBaseName(itemName));
       }
 
-      var isPreview = this.state.isPreview;
-      log.debug('setPreviewStatus', this.tabTitleElement, isPreview);
+      var updatedSettings = _objectSpread(_objectSpread({}, settings), {}, {
+        language: NotebookPanel.languageFromFileName(itemName)
+      });
 
-      if (isPreview) {
-        this.tabTitleElement.classList.add('is-preview');
-      } else {
-        this.tabTitleElement.classList.remove('is-preview');
+      if (settings.value == null) {
+        updatedSettings.value = loadedFile.content;
       }
-    }
-  }, {
-    key: "savePanelState",
-    value: function savePanelState() {
-      var _this4 = this;
 
-      this.setState(function (state) {
-        var changeCount = state.changeCount,
-            savedChangeCount = state.savedChangeCount,
-            fileMetadata = state.fileMetadata,
-            isPreview = state.isPreview,
-            initialSettings = state.settings;
+      this.setState({
+        fileMetadata: {
+          id: itemName,
+          itemName
+        },
+        settings: updatedSettings
+      });
+      this.debouncedSavePanelState();
+    }).then(this.handleLoadSuccess).catch(this.handleLoadError);
+  }
+  /**
+   * Attempts to save the notebook.
+   * @returns {boolean} Returns true if save has begun, false if user needed to be prompted
+   */
 
-        var value = _this4.getNotebookValue(); // notebooks with no unsaved changes have value === null in dehydrated state
-        // content will be loaded from file when hydrating
 
+  save() {
+    var {
+      fileMetadata
+    } = this.state;
 
-        var dehydratedValue = changeCount !== savedChangeCount ? value : null;
+    if (fileMetadata && FileUtils.hasPath(fileMetadata.itemName)) {
+      var content = this.getNotebookValue();
+      this.saveContent(fileMetadata.itemName, content);
+      return true;
+    }
 
-        var settings = _objectSpread(_objectSpread({}, initialSettings), {}, {
-          value: value
-        });
+    this.setState({
+      showSaveAsModal: true
+    });
+    return false;
+  }
+  /**
+   * Update existing file content
+   * @param {string} filename The name of the file
+   * @param {string} content New file content
+   */
+
+
+  saveContent(filename, content) {
+    log.debug('saveContent', filename, content);
+    this.updateSavedChangeCount();
+    var {
+      fileStorage
+    } = this.props;
+    this.pending.add(fileStorage.saveFile({
+      filename,
+      content
+    })).then(this.handleSaveSuccess).catch(this.handleSaveError);
+  }
 
-        var dehydratedSettings = _objectSpread(_objectSpread({}, initialSettings), {}, {
-          value: dehydratedValue
-        });
+  updateSavedChangeCount() {
+    this.setState((_ref) => {
+      var {
+        changeCount
+      } = _ref;
+      return {
+        savedChangeCount: changeCount
+      };
+    });
+  }
 
-        var panelState = {
-          settings: dehydratedSettings,
-          fileMetadata: fileMetadata,
-          isPreview: isPreview
-        };
-        log.debug('Saving panel state', panelState);
-        return {
-          settings: settings,
-          // eslint-disable-next-line react/no-unused-state
-          panelState: panelState
-        };
-      });
+  setPreviewStatus() {
+    if (!this.tabTitleElement) {
+      return;
     }
-  }, {
-    key: "handleCloseDiscard",
-    value: function handleCloseDiscard() {
-      this.shouldPromptClose = false;
-      this.setState({
-        showCloseModal: false
-      });
-      var glContainer = this.props.glContainer;
-      glContainer.close();
+
+    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');
     }
-  }, {
-    key: "handleCloseSave",
-    value: function handleCloseSave() {
-      this.shouldPromptClose = false;
-      this.setState({
-        showCloseModal: false
+  }
+
+  savePanelState() {
+    this.setState(state => {
+      var {
+        changeCount,
+        savedChangeCount,
+        fileMetadata,
+        isPreview,
+        settings: initialSettings
+      } = 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 : null;
+
+      var settings = _objectSpread(_objectSpread({}, initialSettings), {}, {
+        value
       });
 
-      if (this.save()) {
-        var glContainer = this.props.glContainer;
-        glContainer.close();
-      }
-    }
-  }, {
-    key: "handleCloseCancel",
-    value: function handleCloseCancel() {
-      this.shouldPromptClose = true;
-      this.setState({
-        showCloseModal: false
+      var dehydratedSettings = _objectSpread(_objectSpread({}, initialSettings), {}, {
+        value: dehydratedValue
       });
-    }
-  }, {
-    key: "handleCopy",
-    value: function handleCopy() {
-      var _this$state5 = this.state,
-          fileMetadata = _this$state5.fileMetadata,
-          settings = _this$state5.settings;
-      var content = this.getNotebookValue();
-      var language = settings.language;
-      var itemName = fileMetadata.itemName;
-      var copyName = FileUtils.getCopyFileName(itemName);
-      log.debug('handleCopy', fileMetadata, itemName, copyName);
-      this.createNotebook(copyName, language, content);
-    }
-  }, {
-    key: "handleEditorChange",
-    value: function handleEditorChange(e) {
-      var _this5 = this;
 
-      log.debug2('handleEditorChanged', e);
-      this.setState(function (_ref2) {
-        var isPreview = _ref2.isPreview;
+      var panelState = {
+        settings: dehydratedSettings,
+        fileMetadata,
+        isPreview
+      };
+      log.debug('Saving panel state', panelState);
+      return {
+        settings,
+        // eslint-disable-next-line react/no-unused-state
+        panelState
+      };
+    });
+  }
 
-        if (isPreview) {
-          var fileMetadata = _this5.state.fileMetadata;
+  handleCloseDiscard() {
+    this.shouldPromptClose = false;
+    this.setState({
+      showCloseModal: false
+    });
+    var {
+      glContainer
+    } = this.props;
+    glContainer.close();
+  }
 
-          _this5.registerFileMetadata(fileMetadata, false);
+  handleCloseSave() {
+    this.shouldPromptClose = false;
+    this.setState({
+      showCloseModal: false
+    });
 
-          return {
-            isPreview: false
-          };
-        }
+    if (this.save()) {
+      var {
+        glContainer
+      } = this.props;
+      glContainer.close();
+    }
+  }
 
-        return null;
-      });
-      this.setState(function (_ref3) {
-        var changeCount = _ref3.changeCount,
-            savedChangeCount = _ref3.savedChangeCount;
-        var isUndoing = e.isUndoing,
-            isRedoing = e.isRedoing;
-
-        if (isUndoing) {
-          // Note that it's possible to undo past where the user last saved, if they save and then undo for example
-          return {
-            changeCount: changeCount - 1
-          };
-        }
+  handleCloseCancel() {
+    this.shouldPromptClose = true;
+    this.setState({
+      showCloseModal: false
+    });
+  }
 
-        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
-          // It'll be set correctly on the next save
-          return {
-            changeCount: changeCount + 1,
-            savedChangeCount: 0
-          };
-        }
+  handleCopy() {
+    var {
+      fileMetadata,
+      settings
+    } = this.state;
+    var content = this.getNotebookValue();
+    var {
+      language
+    } = settings;
+    var {
+      itemName
+    } = fileMetadata;
+    var copyName = FileUtils.getCopyFileName(itemName);
+    log.debug('handleCopy', fileMetadata, itemName, copyName);
+    this.createNotebook(copyName, language, content);
+  }
 
+  handleEditorChange(e) {
+    log.debug2('handleEditorChanged', e);
+    this.setState((_ref2) => {
+      var {
+        isPreview
+      } = _ref2;
+
+      if (isPreview) {
+        var {
+          fileMetadata
+        } = this.state;
+        this.registerFileMetadata(fileMetadata, false);
         return {
-          changeCount: changeCount + 1
+          isPreview: false
         };
-      });
-      this.debouncedSavePanelState();
-    }
-  }, {
-    key: "handleFind",
-    value: function handleFind() {
-      if (this.notebook) {
-        this.notebook.toggleFind();
       }
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur() {
-      log.debug('handleBlur');
-      this.setState({
-        isFocused: false
-      });
-    }
-  }, {
-    key: "handleFocus",
-    value: function handleFocus() {
-      log.debug('handleFocus');
-      this.setState({
-        isFocused: true
-      });
-    }
-  }, {
-    key: "handleLoadSuccess",
-    value: function handleLoadSuccess() {
-      this.setState({
-        error: null,
-        isLoaded: true,
-        isLoading: false
-      });
-    }
-  }, {
-    key: "handleLoadError",
-    value: function handleLoadError(errorParam) {
-      var error = errorParam;
 
-      if (PromiseUtils.isCanceled(error)) {
-        return;
+      return null;
+    });
+    this.setState((_ref3) => {
+      var {
+        changeCount,
+        savedChangeCount
+      } = _ref3;
+      var {
+        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 {
+          changeCount: changeCount - 1
+        };
       }
 
-      if (PromiseUtils.isTimedOut(error)) {
-        error = new Error('File not found.');
+      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
+        // It'll be set correctly on the next save
+        return {
+          changeCount: changeCount + 1,
+          savedChangeCount: 0
+        };
       }
 
-      log.error(error);
-      this.setState({
-        error: error,
-        isLoading: false
-      });
-    }
-  }, {
-    key: "handleSave",
-    value: function handleSave() {
-      log.debug('handleSave');
-      this.save();
-    }
-  }, {
-    key: "handleSaveSuccess",
-    value: function handleSaveSuccess(file) {
-      var fileStorage = this.props.fileStorage;
-      var fileMetadata = {
-        id: file.filename,
-        itemName: file.filename
+      return {
+        changeCount: changeCount + 1
       };
-      var language = NotebookPanel.languageFromFileName(file.filename);
-      this.setState(function (state) {
-        var oldMetadata = state.fileMetadata;
+    });
+    this.debouncedSavePanelState();
+  }
 
-        var settings = _objectSpread(_objectSpread({}, state.settings), {}, {
-          language: language
-        });
+  handleFind() {
+    if (this.notebook) {
+      this.notebook.toggleFind();
+    }
+  }
 
-        log.debug('handleSaveSuccess', fileMetadata, oldMetadata, settings);
+  handleBlur() {
+    log.debug('handleBlur');
+    this.setState({
+      isFocused: false
+    });
+  }
 
-        if (FileUtils.hasPath(oldMetadata.itemName) && oldMetadata.itemName !== fileMetadata.itemName) {
-          log.debug('handleSaveSuccess deleting old file', oldMetadata.itemName);
-          fileStorage.deleteFile(oldMetadata.itemName)["catch"](NotebookPanel.handleError);
-        }
+  handleFocus() {
+    log.debug('handleFocus');
+    this.setState({
+      isFocused: true
+    });
+  }
 
-        return {
-          fileMetadata: fileMetadata,
-          settings: settings,
-          isPreview: false
-        };
-      });
-      this.debouncedSavePanelState();
-      this.registerFileMetadata(fileMetadata, false);
-    }
-  }, {
-    key: "handleSaveError",
-    value: function handleSaveError(error) {
-      if (PromiseUtils.isCanceled(error)) {
-        return;
-      } // 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
+  handleLoadSuccess() {
+    this.setState({
+      error: null,
+      isLoaded: true,
+      isLoading: false
+    });
+  }
 
+  handleLoadError(errorParam) {
+    var error = errorParam;
 
-      this.setState({
-        savedChangeCount: 0
-      });
-      log.error(error);
+    if (PromiseUtils.isCanceled(error)) {
+      return;
     }
-  }, {
-    key: "handleSaveAsCancel",
-    value: function handleSaveAsCancel() {
-      this.setState({
-        showSaveAsModal: false
-      });
+
+    if (PromiseUtils.isTimedOut(error)) {
+      error = new Error('File not found.');
     }
-  }, {
-    key: "handleSaveAsSubmit",
-    value: function handleSaveAsSubmit(name) {
-      log.debug('handleSaveAsSubmit', name);
-      var fileMetadata = this.state.fileMetadata;
-      var prevItemName = fileMetadata.itemName;
-      var content = this.getNotebookValue();
-      this.setState({
-        showSaveAsModal: false
+
+    log.error(error);
+    this.setState({
+      error,
+      isLoading: false
+    });
+  }
+
+  handleSave() {
+    log.debug('handleSave');
+    this.save();
+  }
+
+  handleSaveSuccess(file) {
+    var {
+      fileStorage
+    } = this.props;
+    var fileMetadata = {
+      id: file.filename,
+      itemName: file.filename
+    };
+    var language = NotebookPanel.languageFromFileName(file.filename);
+    this.setState(state => {
+      var {
+        fileMetadata: oldMetadata
+      } = state;
+
+      var settings = _objectSpread(_objectSpread({}, state.settings), {}, {
+        language
       });
 
-      if (FileUtils.getBaseName(prevItemName) !== FileUtils.getBaseName(name)) {
-        var metadata = this.props.metadata;
-        var tabId = metadata.id;
-        this.renameTab(tabId, FileUtils.getBaseName(name));
+      log.debug('handleSaveSuccess', fileMetadata, oldMetadata, settings);
+
+      if (FileUtils.hasPath(oldMetadata.itemName) && oldMetadata.itemName !== fileMetadata.itemName) {
+        log.debug('handleSaveSuccess deleting old file', oldMetadata.itemName);
+        fileStorage.deleteFile(oldMetadata.itemName).catch(NotebookPanel.handleError);
       }
 
-      this.saveContent(name, content);
-    }
-  }, {
-    key: "handleRenameFile",
-    value: function handleRenameFile(oldName, newName) {
-      var fileMetadata = this.state.fileMetadata;
+      return {
+        fileMetadata,
+        settings,
+        isPreview: false
+      };
+    });
+    this.debouncedSavePanelState();
+    this.registerFileMetadata(fileMetadata, false);
+  }
 
-      if (fileMetadata.id === oldName) {
-        this.setState({
-          fileMetadata: {
-            id: newName,
-            itemName: newName
-          }
-        });
-        this.debouncedSavePanelState();
-      }
-    }
-  }, {
-    key: "handleResize",
-    value: function handleResize() {
-      if (this.notebook) {
-        this.notebook.updateDimensions();
-      }
-    }
-  }, {
-    key: "handleRunCommand",
-    value: function handleRunCommand(command) {
-      this.runCommand(command);
-    }
-  }, {
-    key: "handleRunAll",
-    value: function handleRunAll() {
-      if (!this.notebook) {
-        log.error('Editor is not initialized.');
-        return;
-      }
+  handleSaveError(error) {
+    if (PromiseUtils.isCanceled(error)) {
+      return;
+    } // 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.runCommand(this.notebook.getValue());
-    }
-  }, {
-    key: "handleRunSelected",
-    value: function handleRunSelected() {
-      if (!this.notebook) {
-        log.error('Editor is not initialized.');
-        return;
-      }
 
-      this.runCommand(this.notebook.getSelectedCommand());
-    }
-  }, {
-    key: "handleSessionOpened",
-    value: function handleSessionOpened(session, _ref4) {
-      var language = _ref4.language;
-      this.setState({
-        session: session,
-        sessionLanguage: language
-      });
-    }
-  }, {
-    key: "handleSessionClosed",
-    value: function handleSessionClosed() {
-      this.setState({
-        session: null,
-        sessionLanguage: null
-      });
+    this.setState({
+      savedChangeCount: 0
+    });
+    log.error(error);
+  }
+
+  handleSaveAsCancel() {
+    this.setState({
+      showSaveAsModal: false
+    });
+  }
+
+  handleSaveAsSubmit(name) {
+    log.debug('handleSaveAsSubmit', name);
+    var {
+      fileMetadata
+    } = this.state;
+    var {
+      itemName: prevItemName
+    } = fileMetadata;
+    var content = this.getNotebookValue();
+    this.setState({
+      showSaveAsModal: false
+    });
+
+    if (FileUtils.getBaseName(prevItemName) !== FileUtils.getBaseName(name)) {
+      var {
+        metadata
+      } = this.props;
+      var {
+        id: tabId
+      } = metadata;
+      this.renameTab(tabId, FileUtils.getBaseName(name));
     }
-  }, {
-    key: "handleShow",
-    value: function handleShow() {
-      var _this6 = this;
 
-      log.debug('handleShow');
+    this.saveContent(name, content);
+  }
 
-      if (!this.notebook) {
-        return;
-      }
+  handleRenameFile(oldName, newName) {
+    var {
+      fileMetadata
+    } = this.state;
 
-      this.notebook.updateDimensions();
-      requestAnimationFrame(function () {
-        if (_this6.notebook) {
-          _this6.notebook.focus();
-        }
-      });
-    }
-  }, {
-    key: "handleShowRename",
-    value: function handleShowRename() {
+    if (fileMetadata.id === oldName) {
       this.setState({
-        showSaveAsModal: true
+        fileMetadata: {
+          id: newName,
+          itemName: newName
+        }
       });
+      this.debouncedSavePanelState();
     }
-  }, {
-    key: "handleTab",
-    value: function handleTab(tab) {
-      log.debug('NotebookPanel tab event', tab);
-      this.initTab(tab);
+  }
+
+  handleResize() {
+    if (this.notebook) {
+      this.notebook.updateDimensions();
     }
-  }, {
-    key: "handleTabFocus",
-    value: function handleTabFocus() {
-      log.debug('handleTabFocus');
-      var glContainer = this.props.glContainer;
-      this.setState({
-        isDashboardActive: true
-      });
+  }
 
-      if (this.notebook && !glContainer.isHidden) {
-        this.notebook.updateDimensions();
-        this.notebook.focus();
-      }
+  handleRunCommand(command) {
+    this.runCommand(command);
+  }
+
+  handleRunAll() {
+    if (!this.notebook) {
+      log.error('Editor is not initialized.');
+      return;
     }
-  }, {
-    key: "handleTabBlur",
-    value: function handleTabBlur() {
-      log.debug('handleTabBlur');
-      this.setState({
-        isDashboardActive: false
-      });
+
+    this.runCommand(this.notebook.getValue());
+  }
+
+  handleRunSelected() {
+    if (!this.notebook) {
+      log.error('Editor is not initialized.');
+      return;
     }
-  }, {
-    key: "createNotebook",
-    value: function createNotebook(itemName, language, content) {
-      var glEventHub = this.props.glEventHub;
-      var _this$state6 = this.state,
-          session = _this$state6.session,
-          sessionLanguage = _this$state6.sessionLanguage,
-          settings = _this$state6.settings;
-
-      var notebookSettings = _objectSpread(_objectSpread({}, settings), {}, {
-        language: language,
-        value: content
-      });
 
-      var fileMetadata = {
-        id: null,
-        itemName: itemName
-      };
-      log.debug('handleCreateNotebook', session, sessionLanguage, notebookSettings, fileMetadata);
-      glEventHub.emit(NotebookEvent.CREATE_NOTEBOOK, session, sessionLanguage, notebookSettings, fileMetadata);
+    this.runCommand(this.notebook.getSelectedCommand());
+  }
+
+  handleSessionOpened(session, _ref4) {
+    var {
+      language
+    } = _ref4;
+    this.setState({
+      session,
+      sessionLanguage: language
+    });
+  }
+
+  handleSessionClosed() {
+    this.setState({
+      session: null,
+      sessionLanguage: null
+    });
+  }
+
+  handleShow() {
+    log.debug('handleShow');
+
+    if (!this.notebook) {
+      return;
     }
-  }, {
-    key: "runCommand",
-    value: function runCommand(command) {
-      if (!command) {
-        log.debug('Ignoring empty command.');
-        return;
-      }
 
-      var glEventHub = this.props.glEventHub;
-      glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
+    this.notebook.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];
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _fileMetadata$itemNam,
-          _this7 = this;
-
-      var _this$props3 = this.props,
-          fileStorage = _this$props3.fileStorage,
-          glContainer = _this$props3.glContainer,
-          tab = _this$props3.glContainer.tab,
-          glEventHub = _this$props3.glEventHub;
-      var _this$state7 = this.state,
-          changeCount = _this$state7.changeCount,
-          savedChangeCount = _this$state7.savedChangeCount,
-          error = _this$state7.error,
-          isDashboardActive = _this$state7.isDashboardActive,
-          isLoaded = _this$state7.isLoaded,
-          isLoading = _this$state7.isLoading,
-          isPreview = _this$state7.isPreview,
-          fileMetadata = _this$state7.fileMetadata,
-          session = _this$state7.session,
-          sessionLanguage = _this$state7.sessionLanguage,
-          initialSettings = _this$state7.settings,
-          showCloseModal = _this$state7.showCloseModal,
-          showSaveAsModal = _this$state7.showSaveAsModal; // 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 isExistingItem = (fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.id) != null;
-      var overflowActions = this.getOverflowActions();
-
-      var settings = _objectSpread({}, initialSettings);
-
-      var isSessionConnected = session != null;
-      var isLanguageMatching = sessionLanguage === settings.language;
-      var runButtonsDisabled = !isLoaded || !isSessionConnected || !isLanguageMatching;
-      var toolbarDisabled = !isLoaded;
-      var contextActions = [{
-        action: this.handleSave,
-        shortcut: GLOBAL_SHORTCUTS.SAVE
-      }];
-      var disabledRunButtonTooltip = ScriptEditorUtils.getDisabledRunTooltip(isSessionConnected, isLanguageMatching, 'Notebook extension', 'Run');
-      var disabledRunSelectedButtonTooltip = ScriptEditorUtils.getDisabledRunTooltip(isSessionConnected, isLanguageMatching, 'Notebook extension', 'Run Selected');
-      var additionalActions = [{
-        title: isExistingItem ? 'Rename' : 'Save As…',
-        order: 10,
-        group: ContextActions.groups.high,
-        action: this.handleShowRename
-      }, {
-        title: 'Copy File',
-        action: this.handleCopy,
-        group: ContextActions.groups.high,
-        order: 20
-      }];
-      return /*#__PURE__*/React.createElement(React.Fragment, null, tab && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("span", {
-        className: classNames('editor-unsaved-indicator', {
-          'is-unsaved': changeCount !== savedChangeCount
-        })
-      }), tab.element.find('.lm_title_before').get(0) // tab.element is jquery element, we want a dom element
-      ), /*#__PURE__*/React.createElement(Panel, {
-        className: "notebook-container",
-        componentPanel: this,
-        glContainer: glContainer,
-        glEventHub: glEventHub,
-        onTab: this.handleTab,
-        onResize: this.handleResize,
-        onShow: this.handleShow,
-        onTabFocus: this.handleTabFocus,
-        onTabBlur: this.handleTabBlur,
-        onSessionOpen: this.handleSessionOpened,
-        onSessionClose: this.handleSessionClosed,
-        onFocus: this.handleFocus,
-        onBlur: this.handleBlur,
-        additionalActions: additionalActions,
-        renderTabTooltip: function renderTabTooltip() {
-          return itemName;
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "notebook-toolbar"
-      }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "btn btn-link btn-link-icon btn-play",
-        onClick: this.handleRunAll,
-        disabled: runButtonsDisabled
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsRunAll,
-        transform: "grow-4"
-      }), /*#__PURE__*/React.createElement(Tooltip, null, "Run ", SHORTCUTS.NOTEBOOK.RUN.getDisplayText())), disabledRunButtonTooltip && /*#__PURE__*/React.createElement(Tooltip, null, disabledRunButtonTooltip)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "btn btn-link btn-link-icon btn-play",
-        onClick: this.handleRunSelected,
-        disabled: runButtonsDisabled
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsPlay,
-        transform: "grow-4"
-      }), /*#__PURE__*/React.createElement(Tooltip, null, "Run Selected", ' ', SHORTCUTS.NOTEBOOK.RUN_SELECTED.getDisplayText())), disabledRunSelectedButtonTooltip && /*#__PURE__*/React.createElement(Tooltip, null, disabledRunSelectedButtonTooltip)), /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "btn btn-link btn-link-icon mr-auto",
-        disabled: toolbarDisabled,
-        onClick: this.handleSave
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsSave
-      }), /*#__PURE__*/React.createElement(Tooltip, null, "Save")), /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "btn btn-link btn-overflow btn-link-icon",
-        disabled: toolbarDisabled
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsKebabVertical
-      }), /*#__PURE__*/React.createElement(Tooltip, null, "More Actions..."), /*#__PURE__*/React.createElement(DropdownMenu, {
-        actions: overflowActions,
-        popperOptions: NotebookPanel.POPPER_OPTIONS
-      }))), /*#__PURE__*/React.createElement(ScriptEditor, {
-        isLoaded: isLoaded,
-        isLoading: isLoading,
-        error: error,
-        onChange: this.handleEditorChange,
-        onRunCommand: this.handleRunCommand,
-        session: session,
-        sessionLanguage: sessionLanguage,
-        settings: settings,
-        focusOnMount: focusOnMount,
-        ref: function ref(notebook) {
-          _this7.notebook = notebook;
-        }
-      }), /*#__PURE__*/React.createElement(NewItemModal, {
-        isOpen: showSaveAsModal,
-        type: "file",
-        defaultValue: itemName,
-        title: isExistingItem ? 'Rename' : 'Save file as',
-        onSubmit: this.handleSaveAsSubmit,
-        onCancel: this.handleSaveAsCancel,
-        notifyOnExtensionChange: true,
-        storage: fileStorage
-      }), /*#__PURE__*/React.createElement(BasicModal, {
-        isOpen: showCloseModal,
-        headerText: "Do you want to save the changes you made to ".concat(itemName, "?"),
-        bodyText: "Your changes will be lost if you don't save them.",
-        onCancel: this.handleCloseCancel,
-        onDiscard: this.handleCloseDiscard,
-        onConfirm: this.handleCloseSave,
-        discardButtonText: "Discard Changes",
-        confirmButtonText: "Save"
-      }), /*#__PURE__*/React.createElement(ContextActions, {
-        actions: contextActions
-      })));
+
+    log.debug('handleTabFocus', ...args);
+    var {
+      glContainer
+    } = this.props;
+    this.setState({
+      isDashboardActive: true
+    });
+
+    if (this.notebook && !glContainer.isHidden) {
+      this.notebook.updateDimensions();
     }
-  }], [{
-    key: "handleError",
-    value: function handleError(error) {
-      if (PromiseUtils.isCanceled(error)) {
-        return;
+  }
+
+  handleTabBlur() {
+    log.debug('handleTabBlur');
+    this.setState({
+      isDashboardActive: false
+    });
+  }
+
+  handlePanelTabClick() {
+    log.debug('handlePanelTabClick');
+    this.focus();
+  }
+
+  focus() {
+    requestAnimationFrame(() => {
+      if (this.notebook) {
+        this.notebook.focus();
       }
+    });
+  }
 
-      log.error(error);
-    }
-  }, {
-    key: "languageFromFileName",
-    value: function languageFromFileName(fileName) {
-      var extension = FileUtils.getExtension(fileName).toLowerCase();
+  createNotebook(itemName, language, content) {
+    var {
+      glEventHub
+    } = this.props;
+    var {
+      session,
+      sessionLanguage,
+      settings
+    } = this.state;
+
+    var notebookSettings = _objectSpread(_objectSpread({}, settings), {}, {
+      language,
+      value: content
+    });
+
+    var fileMetadata = {
+      id: null,
+      itemName
+    };
+    log.debug('handleCreateNotebook', session, sessionLanguage, notebookSettings, fileMetadata);
+    glEventHub.emit(NotebookEvent.CREATE_NOTEBOOK, session, sessionLanguage, notebookSettings, fileMetadata);
+  }
 
-      switch (extension) {
-        case 'py':
-        case 'python':
-          return 'python';
+  runCommand(command) {
+    if (!command) {
+      log.debug('Ignoring empty command.');
+      return;
+    }
 
-        case 'groovy':
-          return 'groovy';
+    var {
+      glEventHub
+    } = this.props;
+    glEventHub.emit(ConsoleEvent.SEND_COMMAND, command, false, true);
+  }
 
-        case 'scala':
-          return 'scala';
+  render() {
+    var _fileMetadata$itemNam;
 
-        default:
-          return null;
+    var {
+      fileStorage,
+      glContainer,
+      glContainer: {
+        tab
+      },
+      glEventHub
+    } = this.props;
+    var {
+      changeCount,
+      savedChangeCount,
+      error,
+      isDashboardActive,
+      isLoaded,
+      isLoading,
+      isPreview,
+      fileMetadata,
+      session,
+      sessionLanguage,
+      settings: initialSettings,
+      showCloseModal,
+      showSaveAsModal
+    } = 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 isExistingItem = (fileMetadata === null || fileMetadata === void 0 ? void 0 : fileMetadata.id) != null;
+    var overflowActions = this.getOverflowActions();
+
+    var settings = _objectSpread({}, initialSettings);
+
+    var isSessionConnected = session != null;
+    var isLanguageMatching = sessionLanguage === settings.language;
+    var runButtonsDisabled = !isLoaded || !isSessionConnected || !isLanguageMatching;
+    var toolbarDisabled = !isLoaded;
+    var contextActions = [{
+      action: this.handleSave,
+      shortcut: GLOBAL_SHORTCUTS.SAVE
+    }];
+    var disabledRunButtonTooltip = ScriptEditorUtils.getDisabledRunTooltip(isSessionConnected, isLanguageMatching, 'Notebook extension', 'Run');
+    var disabledRunSelectedButtonTooltip = ScriptEditorUtils.getDisabledRunTooltip(isSessionConnected, isLanguageMatching, 'Notebook extension', 'Run Selected');
+    var additionalActions = [{
+      title: isExistingItem ? 'Rename' : 'Save As…',
+      order: 10,
+      group: ContextActions.groups.high,
+      action: this.handleShowRename
+    }, {
+      title: 'Copy File',
+      action: this.handleCopy,
+      group: ContextActions.groups.high,
+      order: 20
+    }];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, tab && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("span", {
+      className: classNames('editor-unsaved-indicator', {
+        'is-unsaved': changeCount !== savedChangeCount
+      })
+    }), tab.element.find('.lm_title_before').get(0) // tab.element is jquery element, we want a dom element
+    ), /*#__PURE__*/React.createElement(Panel, {
+      className: "notebook-container",
+      componentPanel: this,
+      glContainer: glContainer,
+      glEventHub: glEventHub,
+      onTab: this.handleTab,
+      onResize: this.handleResize,
+      onShow: this.handleShow,
+      onTabFocus: this.handleTabFocus,
+      onTabBlur: this.handleTabBlur,
+      onSessionOpen: this.handleSessionOpened,
+      onSessionClose: this.handleSessionClosed,
+      onFocus: this.handleFocus,
+      onBlur: this.handleBlur,
+      additionalActions: additionalActions,
+      renderTabTooltip: () => itemName
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "notebook-toolbar"
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "btn btn-link btn-link-icon btn-play",
+      onClick: this.handleRunAll,
+      disabled: runButtonsDisabled
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsRunAll,
+      transform: "grow-4"
+    }), /*#__PURE__*/React.createElement(Tooltip, null, "Run ", SHORTCUTS.NOTEBOOK.RUN.getDisplayText())), disabledRunButtonTooltip && /*#__PURE__*/React.createElement(Tooltip, null, disabledRunButtonTooltip)), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "btn btn-link btn-link-icon btn-play",
+      onClick: this.handleRunSelected,
+      disabled: runButtonsDisabled
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsPlay,
+      transform: "grow-4"
+    }), /*#__PURE__*/React.createElement(Tooltip, null, "Run Selected", ' ', SHORTCUTS.NOTEBOOK.RUN_SELECTED.getDisplayText())), disabledRunSelectedButtonTooltip && /*#__PURE__*/React.createElement(Tooltip, null, disabledRunSelectedButtonTooltip)), /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "btn btn-link btn-link-icon mr-auto",
+      disabled: toolbarDisabled,
+      onClick: this.handleSave
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsSave
+    }), /*#__PURE__*/React.createElement(Tooltip, null, "Save")), /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: "btn btn-link btn-overflow btn-link-icon",
+      disabled: toolbarDisabled
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsKebabVertical
+    }), /*#__PURE__*/React.createElement(Tooltip, null, "More Actions..."), /*#__PURE__*/React.createElement(DropdownMenu, {
+      actions: overflowActions,
+      popperOptions: NotebookPanel.POPPER_OPTIONS
+    }))), /*#__PURE__*/React.createElement(ScriptEditor, {
+      isLoaded: isLoaded,
+      isLoading: isLoading,
+      error: error,
+      onChange: this.handleEditorChange,
+      onRunCommand: this.handleRunCommand,
+      session: session,
+      sessionLanguage: sessionLanguage,
+      settings: settings,
+      focusOnMount: focusOnMount,
+      ref: notebook => {
+        this.notebook = notebook;
       }
-    }
-  }]);
+    }), /*#__PURE__*/React.createElement(NewItemModal, {
+      isOpen: showSaveAsModal,
+      type: "file",
+      defaultValue: itemName,
+      title: isExistingItem ? 'Rename' : 'Save file as',
+      onSubmit: this.handleSaveAsSubmit,
+      onCancel: this.handleSaveAsCancel,
+      notifyOnExtensionChange: true,
+      storage: fileStorage
+    }), /*#__PURE__*/React.createElement(BasicModal, {
+      isOpen: showCloseModal,
+      headerText: "Do you want to save the changes you made to ".concat(itemName, "?"),
+      bodyText: "Your changes will be lost if you don't save them.",
+      onCancel: this.handleCloseCancel,
+      onDiscard: this.handleCloseDiscard,
+      onConfirm: this.handleCloseSave,
+      discardButtonText: "Discard Changes",
+      confirmButtonText: "Save"
+    }), /*#__PURE__*/React.createElement(ContextActions, {
+      actions: contextActions
+    })));
+  }
 
-  return NotebookPanel;
-}(Component);
+}
 
 _defineProperty(NotebookPanel, "COMPONENT", 'NotebookPanel');
 
@@ -1035,16 +1039,20 @@ NotebookPanel.defaultProps = {
   sessionLanguage: null
 };
 
-var mapStateToProps = function mapStateToProps(state, ownProps) {
+var mapStateToProps = (state, ownProps) => {
   var fileStorage = getFileStorage(state);
   var sessionWrapper = getDashboardSessionWrapper(state, ownProps.localDashboardId);
-  var session = sessionWrapper.session,
-      sessionConfig = sessionWrapper.config;
-  var sessionLanguage = sessionConfig.type;
+  var {
+    session,
+    config: sessionConfig
+  } = sessionWrapper !== null && sessionWrapper !== void 0 ? sessionWrapper : {};
+  var {
+    type: sessionLanguage
+  } = sessionConfig !== null && sessionConfig !== void 0 ? sessionConfig : {};
   return {
-    fileStorage: fileStorage,
-    session: session,
-    sessionLanguage: sessionLanguage
+    fileStorage,
+    session,
+    sessionLanguage
   };
 };