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

package/dist/ChartPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartPlugin.d.ts","sourceRoot":"","sources":["../src/ChartPlugin.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,6BAA6B,EAG7B,oBAAoB,EAErB,MAAM,sBAAsB,CAAC;AAK9B,oBAAY,yBAAyB,GAAG,6BAA6B,GAAG;IACtE,OAAO,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,WAAW,gDAKrB,yBAAyB,KAAG,WAsD9B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ChartPlugin.js

@@ -1,14 +1,15 @@
 import React, { useCallback, useEffect } from 'react';
 import { DashboardUtils, LayoutUtils, useListener } from '@deephaven/dashboard';
 import shortid from 'shortid';
-import { ChartPanel } from './panels';
-import { ChartEvent } from './events';
-export var ChartPlugin = function ChartPlugin(_ref) {
-  var id = _ref.id,
-      layout = _ref.layout,
-      registerComponent = _ref.registerComponent,
-      _ref$hydrate = _ref.hydrate,
-      hydrate = _ref$hydrate === void 0 ? DashboardUtils.hydrate : _ref$hydrate;
+import { ChartPanel } from "./panels/index.js";
+import { ChartEvent } from "./events/index.js";
+export var ChartPlugin = (_ref) => {
+  var {
+    id,
+    layout,
+    registerComponent,
+    hydrate = DashboardUtils.hydrate
+  } = _ref;
   var handleOpen = useCallback(function (title, makeModel) {
     var metadata = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var panelId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : shortid.generate();
@@ -19,33 +20,35 @@ export var ChartPlugin = function ChartPlugin(_ref) {
       props: {
         localDashboardId: id,
         id: panelId,
-        metadata: metadata,
-        makeModel: makeModel
+        metadata,
+        makeModel
       },
-      title: title,
+      title,
       id: panelId
     };
-    var root = layout.root;
+    var {
+      root
+    } = layout;
     LayoutUtils.openComponent({
-      root: root,
-      config: config,
-      dragEvent: dragEvent
+      root,
+      config,
+      dragEvent
     });
   }, [id, layout]);
-  var handleClose = useCallback(function (panelId) {
+  var handleClose = useCallback(panelId => {
     var config = {
       component: ChartPanel.COMPONENT,
       id: panelId
     };
-    var root = layout.root;
+    var {
+      root
+    } = layout;
     LayoutUtils.closeComponent(root, config);
   }, [layout]);
-  useEffect(function () {
+  useEffect(() => {
     var cleanups = [registerComponent(ChartPanel.COMPONENT, ChartPanel, hydrate)];
-    return function () {
-      cleanups.forEach(function (cleanup) {
-        return cleanup();
-      });
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
     };
   }, [hydrate, registerComponent]);
   useListener(layout.eventHub, ChartEvent.OPEN, handleOpen);

package/dist/ChartPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ChartPlugin.tsx"],"names":["React","useCallback","useEffect","DashboardUtils","LayoutUtils","useListener","shortid","ChartPanel","ChartEvent","ChartPlugin","id","layout","registerComponent","hydrate","handleOpen","title","makeModel","metadata","panelId","generate","dragEvent","config","type","component","COMPONENT","props","localDashboardId","root","openComponent","handleClose","closeComponent","cleanups","forEach","cleanup","eventHub","OPEN","CLOSE"],"mappings":"AAAA,OAAOA,KAAP,IAA0CC,WAA1C,EAAuDC,SAAvD,QAAwE,OAAxE;AAEA,SAEEC,cAFF,EAGEC,WAHF,EAKEC,WALF,QAMO,sBANP;AAOA,OAAOC,OAAP,MAAoB,SAApB;AACA,SAASC,UAAT,QAA2B,UAA3B;AACA,SAASC,UAAT,QAA2B,UAA3B;AAMA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKmB;AAAA,MAJ5CC,EAI4C,QAJ5CA,EAI4C;AAAA,MAH5CC,MAG4C,QAH5CA,MAG4C;AAAA,MAF5CC,iBAE4C,QAF5CA,iBAE4C;AAAA,0BAD5CC,OAC4C;AAAA,MAD5CA,OAC4C,6BADlCV,cAAc,CAACU,OACmB;AAC5C,MAAMC,UAAU,GAAGb,WAAW,CAC5B,UACEc,KADF,EAEEC,SAFF,EAMK;AAAA,QAHHC,QAGG,uEAHiC,EAGjC;AAAA,QAFHC,OAEG,uEAFOZ,OAAO,CAACa,QAAR,EAEP;AAAA,QADHC,SACG;AACH,QAAMC,MAAM,GAAG;AACbC,MAAAA,IAAI,EAAE,iBADO;AAEbC,MAAAA,SAAS,EAAEhB,UAAU,CAACiB,SAFT;AAGbC,MAAAA,KAAK,EAAE;AACLC,QAAAA,gBAAgB,EAAEhB,EADb;AAELA,QAAAA,EAAE,EAAEQ,OAFC;AAGLD,QAAAA,QAAQ,EAARA,QAHK;AAILD,QAAAA,SAAS,EAATA;AAJK,OAHM;AASbD,MAAAA,KAAK,EAALA,KATa;AAUbL,MAAAA,EAAE,EAAEQ;AAVS,KAAf;AAaA,QAAQS,IAAR,GAAiBhB,MAAjB,CAAQgB,IAAR;AACAvB,IAAAA,WAAW,CAACwB,aAAZ,CAA0B;AAAED,MAAAA,IAAI,EAAJA,IAAF;AAAQN,MAAAA,MAAM,EAANA,MAAR;AAAgBD,MAAAA,SAAS,EAATA;AAAhB,KAA1B;AACD,GAvB2B,EAwB5B,CAACV,EAAD,EAAKC,MAAL,CAxB4B,CAA9B;AA2BA,MAAMkB,WAAW,GAAG5B,WAAW,CAC7B,UAACiB,OAAD,EAAqB;AACnB,QAAMG,MAAM,GAAG;AAAEE,MAAAA,SAAS,EAAEhB,UAAU,CAACiB,SAAxB;AAAmCd,MAAAA,EAAE,EAAEQ;AAAvC,KAAf;AACA,QAAQS,IAAR,GAAiBhB,MAAjB,CAAQgB,IAAR;AACAvB,IAAAA,WAAW,CAAC0B,cAAZ,CAA2BH,IAA3B,EAAiCN,MAAjC;AACD,GAL4B,EAM7B,CAACV,MAAD,CAN6B,CAA/B;AASAT,EAAAA,SAAS,CAAC,YAAM;AACd,QAAM6B,QAAQ,GAAG,CACfnB,iBAAiB,CACfL,UAAU,CAACiB,SADI,EAEdjB,UAFc,EAGfM,OAHe,CADF,CAAjB;AAOA,WAAO,YAAM;AACXkB,MAAAA,QAAQ,CAACC,OAAT,CAAiB,UAAAC,OAAO;AAAA,eAAIA,OAAO,EAAX;AAAA,OAAxB;AACD,KAFD;AAGD,GAXQ,EAWN,CAACpB,OAAD,EAAUD,iBAAV,CAXM,CAAT;AAaAP,EAAAA,WAAW,CAACM,MAAM,CAACuB,QAAR,EAAkB1B,UAAU,CAAC2B,IAA7B,EAAmCrB,UAAnC,CAAX;AACAT,EAAAA,WAAW,CAACM,MAAM,CAACuB,QAAR,EAAkB1B,UAAU,CAAC4B,KAA7B,EAAoCP,WAApC,CAAX;AAEA,sBAAO,yCAAP;AACD,CA3DM;AA6DP,eAAepB,WAAf","sourcesContent":["import React, { ComponentType, DragEvent, useCallback, useEffect } from 'react';\nimport { ChartModel } from '@deephaven/chart';\nimport {\n  DashboardPluginComponentProps,\n  DashboardUtils,\n  LayoutUtils,\n  PanelHydrateFunction,\n  useListener,\n} from '@deephaven/dashboard';\nimport shortid from 'shortid';\nimport { ChartPanel } from './panels';\nimport { ChartEvent } from './events';\n\nexport type ChartPluginComponentProps = DashboardPluginComponentProps & {\n  hydrate: PanelHydrateFunction;\n};\n\nexport const ChartPlugin = ({\n  id,\n  layout,\n  registerComponent,\n  hydrate = DashboardUtils.hydrate,\n}: ChartPluginComponentProps): JSX.Element => {\n  const handleOpen = useCallback(\n    (\n      title: string,\n      makeModel: () => ChartModel,\n      metadata: Record<string, unknown> = {},\n      panelId = shortid.generate(),\n      dragEvent?: DragEvent\n    ) => {\n      const config = {\n        type: 'react-component',\n        component: ChartPanel.COMPONENT,\n        props: {\n          localDashboardId: id,\n          id: panelId,\n          metadata,\n          makeModel,\n        },\n        title,\n        id: panelId,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({ root, config, dragEvent });\n    },\n    [id, layout]\n  );\n\n  const handleClose = useCallback(\n    (panelId: string) => {\n      const config = { component: ChartPanel.COMPONENT, id: panelId };\n      const { root } = layout;\n      LayoutUtils.closeComponent(root, config);\n    },\n    [layout]\n  );\n\n  useEffect(() => {\n    const cleanups = [\n      registerComponent(\n        ChartPanel.COMPONENT,\n        (ChartPanel as unknown) as ComponentType,\n        hydrate\n      ),\n    ];\n    return () => {\n      cleanups.forEach(cleanup => cleanup());\n    };\n  }, [hydrate, registerComponent]);\n\n  useListener(layout.eventHub, ChartEvent.OPEN, handleOpen);\n  useListener(layout.eventHub, ChartEvent.CLOSE, handleClose);\n\n  return <></>;\n};\n\nexport default ChartPlugin;\n"],"file":"ChartPlugin.js"}
+{"version":3,"sources":["../src/ChartPlugin.tsx"],"names":["React","useCallback","useEffect","DashboardUtils","LayoutUtils","useListener","shortid","ChartPanel","ChartEvent","ChartPlugin","id","layout","registerComponent","hydrate","handleOpen","title","makeModel","metadata","panelId","generate","dragEvent","config","type","component","COMPONENT","props","localDashboardId","root","openComponent","handleClose","closeComponent","cleanups","forEach","cleanup","eventHub","OPEN","CLOSE"],"mappings":"AAAA,OAAOA,KAAP,IAA0CC,WAA1C,EAAuDC,SAAvD,QAAwE,OAAxE;AAEA,SAEEC,cAFF,EAGEC,WAHF,EAKEC,WALF,QAMO,sBANP;AAOA,OAAOC,OAAP,MAAoB,SAApB;SACSC,U;SACAC,U;AAMT,OAAO,IAAMC,WAAW,GAAG,UAKmB;AAAA,MALlB;AAC1BC,IAAAA,EAD0B;AAE1BC,IAAAA,MAF0B;AAG1BC,IAAAA,iBAH0B;AAI1BC,IAAAA,OAAO,GAAGV,cAAc,CAACU;AAJC,GAKkB;AAC5C,MAAMC,UAAU,GAAGb,WAAW,CAC5B,UACEc,KADF,EAEEC,SAFF,EAMK;AAAA,QAHHC,QAGG,uEAHiC,EAGjC;AAAA,QAFHC,OAEG,uEAFOZ,OAAO,CAACa,QAAR,EAEP;AAAA,QADHC,SACG;AACH,QAAMC,MAAM,GAAG;AACbC,MAAAA,IAAI,EAAE,iBADO;AAEbC,MAAAA,SAAS,EAAEhB,UAAU,CAACiB,SAFT;AAGbC,MAAAA,KAAK,EAAE;AACLC,QAAAA,gBAAgB,EAAEhB,EADb;AAELA,QAAAA,EAAE,EAAEQ,OAFC;AAGLD,QAAAA,QAHK;AAILD,QAAAA;AAJK,OAHM;AASbD,MAAAA,KATa;AAUbL,MAAAA,EAAE,EAAEQ;AAVS,KAAf;AAaA,QAAM;AAAES,MAAAA;AAAF,QAAWhB,MAAjB;AACAP,IAAAA,WAAW,CAACwB,aAAZ,CAA0B;AAAED,MAAAA,IAAF;AAAQN,MAAAA,MAAR;AAAgBD,MAAAA;AAAhB,KAA1B;AACD,GAvB2B,EAwB5B,CAACV,EAAD,EAAKC,MAAL,CAxB4B,CAA9B;AA2BA,MAAMkB,WAAW,GAAG5B,WAAW,CAC5BiB,OAAD,IAAqB;AACnB,QAAMG,MAAM,GAAG;AAAEE,MAAAA,SAAS,EAAEhB,UAAU,CAACiB,SAAxB;AAAmCd,MAAAA,EAAE,EAAEQ;AAAvC,KAAf;AACA,QAAM;AAAES,MAAAA;AAAF,QAAWhB,MAAjB;AACAP,IAAAA,WAAW,CAAC0B,cAAZ,CAA2BH,IAA3B,EAAiCN,MAAjC;AACD,GAL4B,EAM7B,CAACV,MAAD,CAN6B,CAA/B;AASAT,EAAAA,SAAS,CAAC,MAAM;AACd,QAAM6B,QAAQ,GAAG,CACfnB,iBAAiB,CACfL,UAAU,CAACiB,SADI,EAEdjB,UAFc,EAGfM,OAHe,CADF,CAAjB;AAOA,WAAO,MAAM;AACXkB,MAAAA,QAAQ,CAACC,OAAT,CAAiBC,OAAO,IAAIA,OAAO,EAAnC;AACD,KAFD;AAGD,GAXQ,EAWN,CAACpB,OAAD,EAAUD,iBAAV,CAXM,CAAT;AAaAP,EAAAA,WAAW,CAACM,MAAM,CAACuB,QAAR,EAAkB1B,UAAU,CAAC2B,IAA7B,EAAmCrB,UAAnC,CAAX;AACAT,EAAAA,WAAW,CAACM,MAAM,CAACuB,QAAR,EAAkB1B,UAAU,CAAC4B,KAA7B,EAAoCP,WAApC,CAAX;AAEA,sBAAO,yCAAP;AACD,CA3DM;AA6DP,eAAepB,WAAf","sourcesContent":["import React, { ComponentType, DragEvent, useCallback, useEffect } from 'react';\nimport { ChartModel } from '@deephaven/chart';\nimport {\n  DashboardPluginComponentProps,\n  DashboardUtils,\n  LayoutUtils,\n  PanelHydrateFunction,\n  useListener,\n} from '@deephaven/dashboard';\nimport shortid from 'shortid';\nimport { ChartPanel } from './panels';\nimport { ChartEvent } from './events';\n\nexport type ChartPluginComponentProps = DashboardPluginComponentProps & {\n  hydrate: PanelHydrateFunction;\n};\n\nexport const ChartPlugin = ({\n  id,\n  layout,\n  registerComponent,\n  hydrate = DashboardUtils.hydrate,\n}: ChartPluginComponentProps): JSX.Element => {\n  const handleOpen = useCallback(\n    (\n      title: string,\n      makeModel: () => ChartModel,\n      metadata: Record<string, unknown> = {},\n      panelId = shortid.generate(),\n      dragEvent?: DragEvent\n    ) => {\n      const config = {\n        type: 'react-component',\n        component: ChartPanel.COMPONENT,\n        props: {\n          localDashboardId: id,\n          id: panelId,\n          metadata,\n          makeModel,\n        },\n        title,\n        id: panelId,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({ root, config, dragEvent });\n    },\n    [id, layout]\n  );\n\n  const handleClose = useCallback(\n    (panelId: string) => {\n      const config = { component: ChartPanel.COMPONENT, id: panelId };\n      const { root } = layout;\n      LayoutUtils.closeComponent(root, config);\n    },\n    [layout]\n  );\n\n  useEffect(() => {\n    const cleanups = [\n      registerComponent(\n        ChartPanel.COMPONENT,\n        (ChartPanel as unknown) as ComponentType,\n        hydrate\n      ),\n    ];\n    return () => {\n      cleanups.forEach(cleanup => cleanup());\n    };\n  }, [hydrate, registerComponent]);\n\n  useListener(layout.eventHub, ChartEvent.OPEN, handleOpen);\n  useListener(layout.eventHub, ChartEvent.CLOSE, handleClose);\n\n  return <></>;\n};\n\nexport default ChartPlugin;\n"],"file":"ChartPlugin.js"}

package/dist/ConsolePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsolePlugin.d.ts","sourceRoot":"","sources":["../src/ConsolePlugin.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAoC9B,eAAO,MAAM,aAAa,qDAKvB,6BAA6B,KAAG,WAqclC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/ConsolePlugin.js

@@ -1,49 +1,32 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { LayoutUtils, useListener } from '@deephaven/dashboard';
 import { FileUtils } from '@deephaven/file-explorer';
 import Log from '@deephaven/log';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useDispatch } from 'react-redux';
 import shortid from 'shortid';
-import { ConsoleEvent, NotebookEvent } from './events';
-import { ConsolePanel, CommandHistoryPanel, FileExplorerPanel, LogPanel, NotebookPanel } from './panels';
-import { setDashboardConsoleSettings } from './redux';
+import { ConsoleEvent, NotebookEvent } from "./events/index.js";
+import { ConsolePanel, CommandHistoryPanel, FileExplorerPanel, LogPanel, NotebookPanel } from "./panels/index.js";
+import MarkdownNotebookPanel from "./panels/MarkdownNotebookPanel.js";
+import { setDashboardConsoleSettings } from "./redux/index.js";
 var log = Log.module('ConsolePlugin');
 
 function isNotebookPanel(panel) {
   return panel.notebook !== undefined;
 }
 
-export var ConsolePlugin = function ConsolePlugin(_ref) {
-  var id = _ref.id,
-      layout = _ref.layout,
-      panelManager = _ref.panelManager,
-      registerComponent = _ref.registerComponent;
+export var ConsolePlugin = (_ref) => {
+  var {
+    id,
+    layout,
+    panelManager,
+    registerComponent
+  } = _ref;
   var notebookIndex = useRef(0); // Map from file ID to panel ID
 
-  var _useState = useState(new Map()),
-      _useState2 = _slicedToArray(_useState, 1),
-      openFileMap = _useState2[0];
-
-  var _useState3 = useState(new Map()),
-      _useState4 = _slicedToArray(_useState3, 1),
-      previewFileMap = _useState4[0];
-
+  var [openFileMap] = useState(new Map());
+  var [previewFileMap] = useState(new Map());
   var dispatch = useDispatch();
-  var getConsolePanel = useCallback(function () {
-    return panelManager.getLastUsedPanelOfType(ConsolePanel.WrappedComponent);
-  }, [panelManager]);
+  var getConsolePanel = useCallback(() => panelManager.getLastUsedPanelOfType(ConsolePanel.WrappedComponent), [panelManager]);
   var handleSendCommand = useCallback(function (command) {
     var focus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var execute = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -63,11 +46,13 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
       consolePanel.addCommand(command, focus, execute);
     }
   }, [getConsolePanel]);
-  var handleSettingsChanged = useCallback(function (consoleSettings) {
+  var handleSettingsChanged = useCallback(consoleSettings => {
     dispatch(setDashboardConsoleSettings(id, consoleSettings));
   }, [dispatch, id]);
-  var getNotebookFileName = useCallback(function (_ref2) {
-    var language = _ref2.language;
+  var getNotebookFileName = useCallback((_ref2) => {
+    var {
+      language
+    } = _ref2;
     var extension = language === 'python' ? 'py' : language;
     var title = null;
 
@@ -83,7 +68,9 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
   }, []);
   var getPanelIdForFileMetadata = useCallback(function (fileMetadata) {
     var createIfNecessary = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var fileId = fileMetadata.id;
+    var {
+      id: fileId
+    } = fileMetadata;
 
     if (fileId && openFileMap.has(fileId)) {
       return openFileMap.get(fileId);
@@ -99,18 +86,18 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
 
     return null;
   }, [openFileMap, previewFileMap]);
-  var renamePanel = useCallback(function (panelId, newTitle) {
+  var renamePanel = useCallback((panelId, newTitle) => {
     LayoutUtils.renameComponent(layout.root, {
       id: panelId
     }, newTitle);
   }, [layout.root]);
-  var renameFilePanel = useCallback(function (oldName, newName) {
+  var renameFilePanel = useCallback((oldName, newName) => {
     log.debug('Rename file panel', oldName, newName);
     var panelId;
 
     if (openFileMap.has(oldName)) {
       panelId = openFileMap.get(oldName);
-      openFileMap["delete"](oldName);
+      openFileMap.delete(oldName);
 
       if (panelId != null) {
         openFileMap.set(newName, panelId);
@@ -119,7 +106,7 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
 
     if (previewFileMap.has(oldName)) {
       panelId = previewFileMap.get(oldName);
-      previewFileMap["delete"](oldName);
+      previewFileMap.delete(oldName);
 
       if (panelId != null) {
         previewFileMap.set(newName, panelId);
@@ -133,7 +120,12 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
 
     renamePanel(panelId, FileUtils.getBaseName(newName));
   }, [openFileMap, previewFileMap, renamePanel]);
-  var activateFilePanel = useCallback(function (fileMetadata) {
+  /**
+   * Show the panel for the given file metadata.
+   * If the panel is not already open, then it just logs an error and does nothing.
+   */
+
+  var showFilePanel = useCallback(fileMetadata => {
     var panelId = getPanelIdForFileMetadata(fileMetadata, false);
 
     if (panelId == null) {
@@ -145,7 +137,7 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
       id: panelId
     });
   }, [getPanelIdForFileMetadata, layout.root]);
-  var registerFilePanel = useCallback(function (panelId, fileMetadata, isPreview) {
+  var registerFilePanel = useCallback((panelId, fileMetadata, isPreview) => {
     log.debug('registerFilePanel', panelId, fileMetadata, isPreview);
 
     if (!fileMetadata || !fileMetadata.id) {
@@ -153,7 +145,9 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
       return;
     }
 
-    var fileId = fileMetadata.id;
+    var {
+      id: fileId
+    } = fileMetadata;
 
     if (isPreview) {
       previewFileMap.set(fileId, panelId);
@@ -165,7 +159,9 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
 
       if (panelId === existingPanelId) {
         log.debug("Update tab title for file ".concat(fileId));
-        var itemName = fileMetadata.itemName;
+        var {
+          itemName
+        } = fileMetadata;
         renameFilePanel(fileId, FileUtils.getBaseName(itemName));
       } else {
         log.error("File ".concat(fileId, " already associated with a different tab ").concat(existingPanelId));
@@ -177,10 +173,10 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
     openFileMap.set(fileId, panelId); // De-register preview tab
 
     if (previewFileMap.has(fileId)) {
-      previewFileMap["delete"](fileId);
+      previewFileMap.delete(fileId);
     }
   }, [openFileMap, previewFileMap, renameFilePanel]);
-  var unregisterFilePanel = useCallback(function (fileMetadata, isPreview) {
+  var unregisterFilePanel = useCallback((fileMetadata, isPreview) => {
     // Note: unregister event is triggered AFTER new register when switching from preview to edit mode
     // due to the LayoutUtils implementation (new tab added before deleting the old one)
     // This doesn't cause any issues because previews and editable files are stored in different maps,
@@ -193,18 +189,22 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
       return;
     }
 
-    var fileId = fileMetadata.id;
+    var {
+      id: fileId
+    } = fileMetadata;
 
     if (isPreview) {
-      previewFileMap["delete"](fileId);
+      previewFileMap.delete(fileId);
       return;
     }
 
-    openFileMap["delete"](fileId);
+    openFileMap.delete(fileId);
   }, [openFileMap, previewFileMap]);
-  var closeFilePanel = useCallback(function (fileMetadata) {
+  var closeFilePanel = useCallback(fileMetadata => {
     log.debug('closeFilePanel', fileMetadata);
-    var fileId = fileMetadata.id;
+    var {
+      id: fileId
+    } = fileMetadata;
     var panelId = null;
     var isPreview = false;
 
@@ -223,53 +223,75 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
       id: panelId
     });
   }, [layout.root, openFileMap, previewFileMap, unregisterFilePanel]);
-  var getNotebookTitle = useCallback(function (fileMetadata) {
-    var itemName = fileMetadata.itemName;
+  var getNotebookTitle = useCallback(fileMetadata => {
+    var {
+      itemName
+    } = fileMetadata;
     return FileUtils.getBaseName(itemName);
   }, []);
-  var fileIsOpen = useCallback(function (fileMetadata) {
-    var fileId = fileMetadata.id;
+  var fileIsOpen = useCallback(fileMetadata => {
+    var {
+      id: fileId
+    } = fileMetadata;
     log.debug('fileIsOpen', fileMetadata, fileId, openFileMap);
     return fileId && openFileMap.has(fileId);
   }, [openFileMap]);
-  var fileIsOpenAsPreview = useCallback(function (fileMetadata) {
-    var fileId = fileMetadata.id;
+  var fileIsOpenAsPreview = useCallback(fileMetadata => {
+    var {
+      id: fileId
+    } = fileMetadata;
     log.debug('fileIsOpenAsPreview', fileMetadata, fileId, previewFileMap);
     return fileId && previewFileMap.has(fileId);
   }, [previewFileMap]);
-  var fileIsActive = useCallback(function (fileMetadata) {
-    var panelId = getPanelIdForFileMetadata(fileMetadata, false);
-    return panelId != null && LayoutUtils.isActiveTab(layout.root, {
-      id: panelId
-    });
-  }, [getPanelIdForFileMetadata, layout.root]);
-  var makeConfig = useCallback(function (_ref3) {
-    var panelId = _ref3.id,
-        settings = _ref3.settings,
-        fileMetadata = _ref3.fileMetadata,
-        session = _ref3.session,
-        sessionLanguage = _ref3.sessionLanguage,
-        _ref3$isPreview = _ref3.isPreview,
-        isPreview = _ref3$isPreview === void 0 ? false : _ref3$isPreview;
+  /**
+   * Attempts to focus the panel with the provided panelId
+   */
+
+  var focusPanelById = useCallback(panelId => {
+    if (!panelId) {
+      return;
+    }
+
+    var panel = panelManager.getOpenedPanelById(panelId);
+
+    if (panel && isNotebookPanel(panel)) {
+      panel.focus();
+    }
+  }, [panelManager]);
+  var makeConfig = useCallback((_ref3) => {
+    var _fileMetadata$itemNam;
+
+    var {
+      id: panelId,
+      settings,
+      fileMetadata,
+      session,
+      sessionLanguage,
+      isPreview = false
+    } = _ref3;
     var panelState = {
-      settings: settings,
-      fileMetadata: fileMetadata
-    };
+      settings,
+      fileMetadata
+    }; // KLUDGE: show a different component type for markdown notebooks
+
+    var component = fileMetadata !== null && fileMetadata !== void 0 && (_fileMetadata$itemNam = fileMetadata.itemName) !== null && _fileMetadata$itemNam !== void 0 && _fileMetadata$itemNam.endsWith('.md') ? MarkdownNotebookPanel.COMPONENT : NotebookPanel.COMPONENT;
     var title = getNotebookTitle(fileMetadata);
     return {
       type: 'react-component',
-      component: NotebookPanel.COMPONENT,
+      component,
+      isFocusOnShow: false,
       props: {
+        id: panelId,
         localDashboardId: id,
         metadata: {
           id: panelId
         },
-        session: session,
-        sessionLanguage: sessionLanguage,
-        panelState: panelState,
-        isPreview: isPreview
+        session,
+        sessionLanguage,
+        panelState,
+        isPreview
       },
-      title: title,
+      title,
       id: panelId
     };
   }, [getNotebookTitle, id]);
@@ -280,99 +302,81 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
     };
     var panelId = getPanelIdForFileMetadata(fileMetadata);
 
-    if (fileIsOpen(fileMetadata)) {
-      log.debug('File is already open, focus tab');
-      LayoutUtils.activateTab(layout.root, {
-        id: panelId
-      });
+    if (fileIsOpen(fileMetadata) && panelId) {
+      log.debug('File is already open, focus panel');
+      showFilePanel(fileMetadata);
+      focusPanelById(panelId);
       return;
     }
 
     var stack = LayoutUtils.getStackForComponentTypes(layout.root, [NotebookPanel.COMPONENT]);
     var config = makeConfig({
       id: panelId,
-      settings: settings,
-      fileMetadata: fileMetadata,
-      session: session,
-      sessionLanguage: sessionLanguage
+      settings,
+      fileMetadata,
+      session,
+      sessionLanguage
     });
     log.debug('createNotebook', config, openFileMap);
     LayoutUtils.openComponentInStack(stack, config);
-  }, [fileIsOpen, getNotebookFileName, getPanelIdForFileMetadata, layout.root, makeConfig, openFileMap]);
+  }, [fileIsOpen, focusPanelById, getNotebookFileName, getPanelIdForFileMetadata, layout.root, makeConfig, openFileMap, showFilePanel]);
   var selectNotebook = useCallback(function (session, sessionLanguage, settings, fileMetadata) {
-    log.debug('selectNotebook', fileMetadata);
-    var previewTabId = null;
-    var isPreview = true;
+    var shouldFocus = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+    log.debug('selectNotebook', fileMetadata, shouldFocus);
     var isFileOpen = fileIsOpen(fileMetadata);
-    var isFileOpenAsPreview = fileIsOpenAsPreview(fileMetadata);
-
-    if (!isFileOpen && !isFileOpenAsPreview) {
-      log.debug('selectNotebook, file not open');
-
-      if (previewFileMap.size > 0) {
-        log.debug('selectNotebook, file not open, previewFileMap not empty'); // Existing preview tab id to reuse
+    var isFileOpenAsPreview = fileIsOpenAsPreview(fileMetadata); // If the file is already open, just show and focus it if necessary
 
-        var _Array$from = Array.from(previewFileMap.values());
+    if (isFileOpen) {
+      showFilePanel(fileMetadata);
 
-        var _Array$from2 = _slicedToArray(_Array$from, 1);
+      if (shouldFocus) {
+        var _panelId = getPanelIdForFileMetadata(fileMetadata);
 
-        previewTabId = _Array$from2[0];
+        focusPanelById(_panelId);
       }
-    } else {
-      // File already open in background
-      if (!fileIsActive(fileMetadata)) {
-        activateFilePanel(fileMetadata);
-        return;
-      } // File already open in foreground, not in preview mode
 
+      return;
+    } // If the file is already open as a preview and we're not focusing it, just show it
+    // If we're focusing it, that means we need to replace the panel anyway with a non-preview panel, so just fall into the logic below
 
-      if (!isFileOpenAsPreview) {
-        activateFilePanel(fileMetadata);
-        return;
-      } // File already open in foreground in preview mode
-
-
-      var _Array$from3 = Array.from(previewFileMap.values());
-
-      var _Array$from4 = _slicedToArray(_Array$from3, 1);
 
-      previewTabId = _Array$from4[0];
-      isPreview = false;
+    if (isFileOpenAsPreview && !shouldFocus) {
+      showFilePanel(fileMetadata);
+      return;
     }
 
+    var [previewTabId] = Array.from(previewFileMap.values());
     var panelId = null;
     var stack = null;
 
     if (previewTabId != null) {
       panelId = previewTabId;
       stack = LayoutUtils.getStackForConfig(layout.root, {
-        component: NotebookPanel.COMPONENT,
+        // component: NotebookPanel.COMPONENT,
         id: panelId
       });
     }
 
     if (stack == null) {
       panelId = getPanelIdForFileMetadata(fileMetadata);
-      stack = LayoutUtils.getStackForComponentTypes(layout.root, [NotebookPanel.COMPONENT]);
+      stack = LayoutUtils.getStackForComponentTypes(layout.root, [NotebookPanel.COMPONENT, MarkdownNotebookPanel.COMPONENT]);
     }
 
     var config = makeConfig({
       id: panelId,
-      settings: settings,
-      fileMetadata: fileMetadata,
-      session: session,
-      sessionLanguage: sessionLanguage,
-      isPreview: isPreview
+      settings,
+      fileMetadata,
+      session,
+      sessionLanguage,
+      isPreview: !shouldFocus
     });
-    LayoutUtils.openComponentInStack(stack, config); // openComponentInStack attempts to maintain the focus
-    // Focus open tab if it's editable
+    LayoutUtils.openComponentInStack(stack, config);
 
-    if (!isPreview) {
-      LayoutUtils.activateTab(layout.root, {
-        id: panelId
-      });
+    if (shouldFocus) {
+      // Focus the tab we just opened if we're supposed to
+      focusPanelById(panelId);
     }
-  }, [activateFilePanel, fileIsActive, fileIsOpen, fileIsOpenAsPreview, getPanelIdForFileMetadata, layout.root, makeConfig, previewFileMap]);
+  }, [showFilePanel, fileIsOpen, fileIsOpenAsPreview, focusPanelById, getPanelIdForFileMetadata, layout.root, makeConfig, previewFileMap]);
   /** Attempts to send the text to a notebook matching the passed in settings */
 
   var sendToNotebook = useCallback(function (session, sessionLanguage) {
@@ -388,12 +392,10 @@ export var ConsolePlugin = function ConsolePlugin(_ref) {
       createNotebook(session, sessionLanguage, settings);
     }
   }, [createNotebook, panelManager]);
-  useEffect(function () {
-    var cleanups = [registerComponent(ConsolePanel.COMPONENT, ConsolePanel), registerComponent(CommandHistoryPanel.COMPONENT, CommandHistoryPanel), registerComponent(FileExplorerPanel.COMPONENT, FileExplorerPanel), registerComponent(LogPanel.COMPONENT, LogPanel), registerComponent(NotebookPanel.COMPONENT, NotebookPanel)];
-    return function () {
-      cleanups.forEach(function (cleanup) {
-        return cleanup();
-      });
+  useEffect(() => {
+    var cleanups = [registerComponent(ConsolePanel.COMPONENT, ConsolePanel), registerComponent(CommandHistoryPanel.COMPONENT, CommandHistoryPanel), registerComponent(FileExplorerPanel.COMPONENT, FileExplorerPanel), registerComponent(LogPanel.COMPONENT, LogPanel), registerComponent(NotebookPanel.COMPONENT, NotebookPanel), registerComponent('MarkdownNotebookPanel', MarkdownNotebookPanel)];
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
     };
   }, [registerComponent]);
   useListener(layout.eventHub, ConsoleEvent.SEND_COMMAND, handleSendCommand);