@deephaven/dashboard 0.5.2-beta.0 → 0.6.1-demo.8

package/dist/PanelManager.js

@@ -2,35 +2,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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 _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 _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; }
 
 import Log from '@deephaven/log';
-import PanelEvent from './PanelEvent';
-import LayoutUtils from './layout/LayoutUtils';
+import PanelEvent from "./PanelEvent.js";
+import LayoutUtils from "./layout/LayoutUtils.js";
 var log = Log.module('PanelManager');
 
 /**
  * Class to keep track of which panels are open, have been closed, and also events to close panels.
  */
-var PanelManager = /*#__PURE__*/function () {
+class PanelManager {
   /**
    * @param layout The GoldenLayout object to attach to
    * @param hydrateComponent Function to hydrate a panel from a dehydrated state
@@ -39,20 +21,12 @@ var PanelManager = /*#__PURE__*/function () {
    * @param closed Array of closed panels in a dehydrated state
    * @param onPanelsUpdated Triggered when the panels are updated
    */
-  function PanelManager(layout) {
-    var hydrateComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (name, props) {
-      return props;
-    };
-    var dehydrateComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (name, config) {
-      return config;
-    };
+  constructor(layout) {
+    var hydrateComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (name, props) => props;
+    var dehydrateComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (name, config) => config;
     var openedMap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : new Map();
     var closed = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-    var onPanelsUpdated = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : function () {
-      return undefined;
-    };
-
-    _classCallCheck(this, PanelManager);
+    var onPanelsUpdated = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : () => undefined;
 
     _defineProperty(this, "layout", void 0);
 
@@ -83,255 +57,238 @@ var PanelManager = /*#__PURE__*/function () {
 
     this.openedMap = new Map(openedMap); // Closed panels are stored in their dehydrated state
 
-    this.closed = _toConsumableArray(closed);
+    this.closed = [...closed];
     this.startListening();
   }
 
-  _createClass(PanelManager, [{
-    key: "startListening",
-    value: function startListening() {
-      var eventHub = this.layout.eventHub;
-      eventHub.on(PanelEvent.FOCUS, this.handleFocus);
-      eventHub.on(PanelEvent.MOUNT, this.handleMount);
-      eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);
-      eventHub.on(PanelEvent.REOPEN, this.handleReopen);
-      eventHub.on(PanelEvent.DELETE, this.handleDeleted);
-      eventHub.on(PanelEvent.CLOSED, this.handleClosed);
-      eventHub.on(PanelEvent.CLOSE, this.handleControlClose);
-    }
-  }, {
-    key: "stopListening",
-    value: function stopListening() {
-      var eventHub = this.layout.eventHub;
-      eventHub.off(PanelEvent.FOCUS, this.handleFocus);
-      eventHub.off(PanelEvent.MOUNT, this.handleMount);
-      eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);
-      eventHub.off(PanelEvent.REOPEN, this.handleReopen);
-      eventHub.off(PanelEvent.DELETE, this.handleDeleted);
-      eventHub.off(PanelEvent.CLOSED, this.handleClosed);
-      eventHub.off(PanelEvent.CLOSE, this.handleControlClose);
-    }
-  }, {
-    key: "getClosedPanelConfigsOfType",
-    value: function getClosedPanelConfigsOfType(typeString) {
-      return this.closed.filter(function (panel) {
-        return panel.component === typeString;
-      });
-    }
-  }, {
-    key: "getOpenedPanels",
-    value: function getOpenedPanels() {
-      return Array.from(this.openedMap.values());
-    }
-  }, {
-    key: "getOpenedPanelConfigs",
-    value: function getOpenedPanelConfigs() {
-      return this.getOpenedPanels().map(function (panel) {
-        var glContainer = panel.props.glContainer;
-        return LayoutUtils.getComponentConfigFromContainer(glContainer);
-      });
-    }
-  }, {
-    key: "getOpenedPanelConfigsOfType",
-    value: function getOpenedPanelConfigsOfType(typeString) {
-      return this.getOpenedPanelConfigs().filter(function (config) {
-        return config != null && config.component === typeString;
-      });
-    }
-  }, {
-    key: "getOpenedPanelById",
-    value: function getOpenedPanelById(panelId) {
-      return this.openedMap.get(panelId);
-    }
-  }, {
-    key: "getContainerByPanelId",
-    value: function getContainerByPanelId(panelId) {
-      var _ref;
-
-      var stack = LayoutUtils.getStackForConfig(this.layout.root, {
-        id: panelId
-      });
-      return (_ref = stack && LayoutUtils.getContentItemInStack(stack, {
-        id: panelId
-      })) !== null && _ref !== void 0 ? _ref : null;
-    }
-  }, {
-    key: "getLastUsedPanel",
-    value: function getLastUsedPanel(matcher) {
-      var opened = this.getOpenedPanels();
+  startListening() {
+    var {
+      eventHub
+    } = this.layout;
+    eventHub.on(PanelEvent.FOCUS, this.handleFocus);
+    eventHub.on(PanelEvent.MOUNT, this.handleMount);
+    eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);
+    eventHub.on(PanelEvent.REOPEN, this.handleReopen);
+    eventHub.on(PanelEvent.DELETE, this.handleDeleted);
+    eventHub.on(PanelEvent.CLOSED, this.handleClosed);
+    eventHub.on(PanelEvent.CLOSE, this.handleControlClose);
+  }
 
-      for (var i = opened.length - 1; i >= 0; i -= 1) {
-        var _panel = opened[i];
+  stopListening() {
+    var {
+      eventHub
+    } = this.layout;
+    eventHub.off(PanelEvent.FOCUS, this.handleFocus);
+    eventHub.off(PanelEvent.MOUNT, this.handleMount);
+    eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);
+    eventHub.off(PanelEvent.REOPEN, this.handleReopen);
+    eventHub.off(PanelEvent.DELETE, this.handleDeleted);
+    eventHub.off(PanelEvent.CLOSED, this.handleClosed);
+    eventHub.off(PanelEvent.CLOSE, this.handleControlClose);
+  }
 
-        if (matcher == null || matcher(_panel)) {
-          return _panel;
-        }
-      }
+  getClosedPanelConfigsOfType(typeString) {
+    return this.closed.filter(panel => panel.component === typeString);
+  }
 
-      return undefined;
-    }
-  }, {
-    key: "getLastUsedPanelOfType",
-    value: function getLastUsedPanelOfType(type) {
-      return this.getLastUsedPanel(function (panel) {
-        return panel instanceof type;
-      });
-    }
-  }, {
-    key: "updatePanel",
-    value: function updatePanel(panel) {
-      var panelId = LayoutUtils.getIdFromPanel(panel);
-
-      if (!panelId) {
-        log.error('updatePanel Panel did not have an ID', panel);
-        return;
-      }
+  getOpenedPanels() {
+    return Array.from(this.openedMap.values());
+  }
 
-      log.debug2("Updating panel ID ".concat(panelId, " in open panels map")); // Delete the entry before it's set to maintain correct ordering in the open panels map.
-      // The last updated (focused) panel should be the last inserted.
-      // Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.
+  getOpenedPanelConfigs() {
+    return this.getOpenedPanels().map(panel => {
+      var {
+        glContainer
+      } = panel.props;
+      return LayoutUtils.getComponentConfigFromContainer(glContainer);
+    });
+  }
 
-      this.openedMap["delete"](panelId);
-      this.openedMap.set(panelId, panel);
-    }
-  }, {
-    key: "removePanel",
-    value: function removePanel(panel) {
-      var panelId = LayoutUtils.getIdFromPanel(panel);
-
-      if (!panelId) {
-        log.error('removePanel Panel did not have an ID', panel);
-        return;
-      }
+  getOpenedPanelConfigsOfType(typeString) {
+    return this.getOpenedPanelConfigs().filter(config => config != null && config.component === typeString);
+  }
 
-      if (!this.openedMap.has(panelId)) {
-        log.error("Missing panel ID ".concat(panelId, " in open panels map"));
-        return;
-      }
+  getOpenedPanelById(panelId) {
+    return this.openedMap.get(panelId);
+  }
 
-      if (this.openedMap.get(panelId) !== panel) {
-        // We mount a new panel before un-mounting the existing one
-        // when replacing existing panels in openComponent/openComponentInStack.
-        // Skip map delete if the panelId entry already refers to the new panel.
-        log.debug("Panel argument doesn't match the open panels map entry for ".concat(panelId, ", removePanel ignored"));
-        return;
-      }
+  getContainerByPanelId(panelId) {
+    var _ref;
 
-      log.debug2("Removing panel ID ".concat(panelId, " from open panels map"));
-      this.openedMap["delete"](panelId);
-    }
-  }, {
-    key: "removeClosedPanelConfig",
-    value: function removeClosedPanelConfig(panelConfig) {
-      var index = this.closed.findIndex(function (closedConfig) {
-        return closedConfig === panelConfig || closedConfig.id && panelConfig.id && closedConfig.id === panelConfig.id;
-      });
-
-      if (index >= 0) {
-        this.closed.splice(index, 1);
+    var stack = LayoutUtils.getStackForConfig(this.layout.root, {
+      id: panelId
+    });
+    return (_ref = stack && LayoutUtils.getContentItemInStack(stack, {
+      id: panelId
+    })) !== null && _ref !== void 0 ? _ref : null;
+  }
+
+  getLastUsedPanel(matcher) {
+    var opened = this.getOpenedPanels();
+
+    for (var i = opened.length - 1; i >= 0; i -= 1) {
+      var _panel = opened[i];
+
+      if (matcher == null || matcher(_panel)) {
+        return _panel;
       }
     }
-  }, {
-    key: "handleFocus",
-    value: function handleFocus(panel) {
-      log.debug2('Focus: ', panel);
-      this.updatePanel(panel);
-    }
-  }, {
-    key: "handleMount",
-    value: function handleMount(panel) {
-      log.debug2('Mount: ', panel);
-      this.updatePanel(panel);
-      this.sendUpdate();
-    }
-  }, {
-    key: "handleUnmount",
-    value: function handleUnmount(panel) {
-      log.debug2('Unmount: ', panel);
-      this.removePanel(panel);
-      this.sendUpdate();
+
+    return undefined;
+  }
+
+  getLastUsedPanelOfType(type) {
+    return this.getLastUsedPanel(panel => panel instanceof type);
+  }
+
+  updatePanel(panel) {
+    var panelId = LayoutUtils.getIdFromPanel(panel);
+
+    if (!panelId) {
+      log.error('updatePanel Panel did not have an ID', panel);
+      return;
     }
-    /**
-     *
-     * @param {Object} panelConfig The config to hydrate and load
-     * @param {Object} replaceConfig The config to place
-     */
-
-  }, {
-    key: "handleReopen",
-    value: function handleReopen(panelConfig) {
-      var replaceConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      log.debug2('Reopen:', panelConfig, replaceConfig);
-      this.removeClosedPanelConfig(panelConfig); // Don't need to send an update yet, it will get sent when component is mounted
-      // Rehydrate the panel before adding it back
-
-      var component = panelConfig.component;
-      var props = panelConfig.props;
-      props = this.hydrateComponent(component, props);
-
-      var config = _objectSpread(_objectSpread({}, panelConfig), {}, {
-        props: props
-      });
-
-      var root = this.layout.root;
-      LayoutUtils.openComponent({
-        root: root,
-        config: config,
-        replaceConfig: replaceConfig
-      });
+
+    log.debug2("Updating panel ID ".concat(panelId, " in open panels map")); // Delete the entry before it's set to maintain correct ordering in the open panels map.
+    // The last updated (focused) panel should be the last inserted.
+    // Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.
+
+    this.openedMap.delete(panelId);
+    this.openedMap.set(panelId, panel);
+  }
+
+  removePanel(panel) {
+    var panelId = LayoutUtils.getIdFromPanel(panel);
+
+    if (!panelId) {
+      log.error('removePanel Panel did not have an ID', panel);
+      return;
     }
-  }, {
-    key: "handleDeleted",
-    value: function handleDeleted(panelConfig) {
-      log.debug2('Deleted:', panelConfig);
-      this.removeClosedPanelConfig(panelConfig);
-      this.sendUpdate();
+
+    if (!this.openedMap.has(panelId)) {
+      log.error("Missing panel ID ".concat(panelId, " in open panels map"));
+      return;
     }
-  }, {
-    key: "handleClosed",
-    value: function handleClosed(panelId, glContainer) {
-      // Panel component should be already unmounted at this point
-      // so the emitted event sends the container object instead of the panel.
-      log.debug2('Closed: ', panelId);
-      this.addClosedPanel(glContainer);
-      this.sendUpdate();
+
+    if (this.openedMap.get(panelId) !== panel) {
+      // We mount a new panel before un-mounting the existing one
+      // when replacing existing panels in openComponent/openComponentInStack.
+      // Skip map delete if the panelId entry already refers to the new panel.
+      log.debug("Panel argument doesn't match the open panels map entry for ".concat(panelId, ", removePanel ignored"));
+      return;
     }
-  }, {
-    key: "handleControlClose",
-    value: function handleControlClose(id) {
-      var config = {
-        id: id
-      };
-      var root = this.layout.root;
-      LayoutUtils.closeComponent(root, config);
+
+    log.debug2("Removing panel ID ".concat(panelId, " from open panels map"));
+    this.openedMap.delete(panelId);
+  }
+
+  removeClosedPanelConfig(panelConfig) {
+    var index = this.closed.findIndex(closedConfig => closedConfig === panelConfig || closedConfig.id && panelConfig.id && closedConfig.id === panelConfig.id);
+
+    if (index >= 0) {
+      this.closed.splice(index, 1);
     }
-  }, {
-    key: "addClosedPanel",
-    value: function addClosedPanel(glContainer) {
-      var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
+  }
+
+  handleFocus(panel) {
+    log.debug2('Focus: ', panel);
+    this.updatePanel(panel);
+  }
+
+  handleMount(panel) {
+    log.debug2('Mount: ', panel);
+    this.updatePanel(panel);
+    this.sendUpdate();
+  }
+
+  handleUnmount(panel) {
+    log.debug2('Unmount: ', panel);
+    this.removePanel(panel);
+    this.sendUpdate();
+  }
+  /**
+   *
+   * @param {Object} panelConfig The config to hydrate and load
+   * @param {Object} replaceConfig The config to place
+   */
 
-      if (config) {
-        var dehydratedConfig = this.dehydrateComponent(config.component, config);
 
-        if (dehydratedConfig) {
-          this.closed.push(dehydratedConfig);
-        }
+  handleReopen(panelConfig) {
+    var replaceConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    log.debug2('Reopen:', panelConfig, replaceConfig);
+    this.removeClosedPanelConfig(panelConfig); // Don't need to send an update yet, it will get sent when component is mounted
+    // Rehydrate the panel before adding it back
+
+    var {
+      component
+    } = panelConfig;
+    var {
+      props
+    } = panelConfig;
+    props = this.hydrateComponent(component, props);
+
+    var config = _objectSpread(_objectSpread({}, panelConfig), {}, {
+      props
+    });
+
+    var {
+      root
+    } = this.layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      replaceConfig
+    });
+  }
+
+  handleDeleted(panelConfig) {
+    log.debug2('Deleted:', panelConfig);
+    this.removeClosedPanelConfig(panelConfig);
+    this.sendUpdate();
+  }
+
+  handleClosed(panelId, glContainer) {
+    // Panel component should be already unmounted at this point
+    // so the emitted event sends the container object instead of the panel.
+    log.debug2('Closed: ', panelId);
+    this.addClosedPanel(glContainer);
+    this.sendUpdate();
+  }
+
+  handleControlClose(id) {
+    var config = {
+      id
+    };
+    var {
+      root
+    } = this.layout;
+    LayoutUtils.closeComponent(root, config);
+  }
+
+  addClosedPanel(glContainer) {
+    var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
+
+    if (config) {
+      var dehydratedConfig = this.dehydrateComponent(config.component, config);
+
+      if (dehydratedConfig) {
+        this.closed.push(dehydratedConfig);
       }
     }
-  }, {
-    key: "sendUpdate",
-    value: function sendUpdate() {
-      var closed = this.closed,
-          openedMap = this.openedMap;
-      this.onPanelsUpdated({
-        closed: _toConsumableArray(closed),
-        openedMap: new Map(openedMap)
-      });
-    }
-  }]);
+  }
+
+  sendUpdate() {
+    var {
+      closed,
+      openedMap
+    } = this;
+    this.onPanelsUpdated({
+      closed: [...closed],
+      openedMap: new Map(openedMap)
+    });
+  }
 
-  return PanelManager;
-}();
+}
 
 _defineProperty(PanelManager, "MAX_CLOSED_PANEL_COUNT", 100);
 

package/dist/PanelManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/PanelManager.ts"],"names":["Log","PanelEvent","LayoutUtils","log","module","PanelManager","layout","hydrateComponent","name","props","dehydrateComponent","config","openedMap","Map","closed","onPanelsUpdated","undefined","handleFocus","bind","handleMount","handleUnmount","handleReopen","handleDeleted","handleClosed","handleControlClose","startListening","eventHub","on","FOCUS","MOUNT","UNMOUNT","REOPEN","DELETE","CLOSED","CLOSE","off","typeString","filter","panel","component","Array","from","values","getOpenedPanels","map","glContainer","getComponentConfigFromContainer","getOpenedPanelConfigs","panelId","get","stack","getStackForConfig","root","id","getContentItemInStack","matcher","opened","i","length","type","getLastUsedPanel","getIdFromPanel","error","debug2","set","has","debug","panelConfig","index","findIndex","closedConfig","splice","updatePanel","sendUpdate","removePanel","replaceConfig","removeClosedPanelConfig","openComponent","addClosedPanel","closeComponent","dehydratedConfig","push"],"mappings":"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","sourcesContent":["import { ComponentType } from 'react';\nimport GoldenLayout, { ReactComponentConfig } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport PanelEvent from './PanelEvent';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelComponent, PanelProps } from './DashboardPlugin';\n\nconst log = Log.module('PanelManager');\n\nexport type PanelHydraterFunction = (\n  name: string,\n  props: PanelProps\n) => PanelProps;\n\nexport type PanelDehydraterFunction = (\n  name: string,\n  config: ReactComponentConfig\n) => ReactComponentConfig;\n\nexport type ClosedPanel = ReactComponentConfig;\n\nexport type ClosedPanels = ClosedPanel[];\n\nexport type OpenedPanelMap = Map<string, PanelComponent>;\n\nexport type PanelsUpdateData = {\n  closed: ClosedPanels;\n  openedMap: OpenedPanelMap;\n};\n\nexport type PanelsUpdateCallback = (panelUpdateData: PanelsUpdateData) => void;\n\n/**\n * Class to keep track of which panels are open, have been closed, and also events to close panels.\n */\nclass PanelManager {\n  static MAX_CLOSED_PANEL_COUNT = 100;\n\n  layout: GoldenLayout;\n\n  hydrateComponent: PanelHydraterFunction;\n\n  dehydrateComponent: PanelDehydraterFunction;\n\n  onPanelsUpdated: PanelsUpdateCallback;\n\n  closed: ClosedPanels;\n\n  openedMap: OpenedPanelMap;\n\n  /**\n   * @param layout The GoldenLayout object to attach to\n   * @param hydrateComponent Function to hydrate a panel from a dehydrated state\n   * @param dehydrateComponent Function to dehydrate a panel\n   * @param openedMap Map of opened panels\n   * @param closed Array of closed panels in a dehydrated state\n   * @param onPanelsUpdated Triggered when the panels are updated\n   */\n  constructor(\n    layout: GoldenLayout,\n    hydrateComponent: PanelHydraterFunction = (name, props) => props,\n    dehydrateComponent: PanelDehydraterFunction = (name, config) => config,\n    openedMap: OpenedPanelMap = new Map(),\n    closed: ClosedPanel[] = [],\n    onPanelsUpdated: PanelsUpdateCallback = () => undefined\n  ) {\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleMount = this.handleMount.bind(this);\n    // Panel can be unmounted on error but still keep the tab until it's closed\n    // Use PanelEvent.MOUNT/UNMOUNT to track open (active) panels\n    // and PanelEvent.CLOSED for cleanup (delete links, add panel to closed panels list, etc)\n    this.handleUnmount = this.handleUnmount.bind(this);\n    this.handleReopen = this.handleReopen.bind(this);\n    this.handleDeleted = this.handleDeleted.bind(this);\n    this.handleClosed = this.handleClosed.bind(this);\n    this.handleControlClose = this.handleControlClose.bind(this);\n\n    this.layout = layout;\n    this.hydrateComponent = hydrateComponent;\n    this.dehydrateComponent = dehydrateComponent;\n    this.onPanelsUpdated = onPanelsUpdated;\n\n    // Store the opened and closed panels\n    this.openedMap = new Map(openedMap);\n\n    // Closed panels are stored in their dehydrated state\n    this.closed = [...closed];\n\n    this.startListening();\n  }\n\n  startListening(): void {\n    const { eventHub } = this.layout;\n    eventHub.on(PanelEvent.FOCUS, this.handleFocus);\n    eventHub.on(PanelEvent.MOUNT, this.handleMount);\n    eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);\n    eventHub.on(PanelEvent.REOPEN, this.handleReopen);\n    eventHub.on(PanelEvent.DELETE, this.handleDeleted);\n    eventHub.on(PanelEvent.CLOSED, this.handleClosed);\n    eventHub.on(PanelEvent.CLOSE, this.handleControlClose);\n  }\n\n  stopListening(): void {\n    const { eventHub } = this.layout;\n    eventHub.off(PanelEvent.FOCUS, this.handleFocus);\n    eventHub.off(PanelEvent.MOUNT, this.handleMount);\n    eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);\n    eventHub.off(PanelEvent.REOPEN, this.handleReopen);\n    eventHub.off(PanelEvent.DELETE, this.handleDeleted);\n    eventHub.off(PanelEvent.CLOSED, this.handleClosed);\n    eventHub.off(PanelEvent.CLOSE, this.handleControlClose);\n  }\n\n  getClosedPanelConfigsOfType(typeString: string): ClosedPanels {\n    return this.closed.filter(panel => panel.component === typeString);\n  }\n\n  getOpenedPanels(): PanelComponent[] {\n    return Array.from(this.openedMap.values());\n  }\n\n  getOpenedPanelConfigs(): GoldenLayout.ReactComponentConfig[] {\n    return this.getOpenedPanels().map(panel => {\n      const { glContainer } = panel.props;\n      return LayoutUtils.getComponentConfigFromContainer(glContainer);\n    });\n  }\n\n  getOpenedPanelConfigsOfType(\n    typeString: string\n  ): GoldenLayout.ReactComponentConfig[] {\n    return this.getOpenedPanelConfigs().filter(\n      config => config != null && config.component === typeString\n    );\n  }\n\n  getOpenedPanelById(panelId: string): PanelComponent | undefined {\n    return this.openedMap.get(panelId);\n  }\n\n  getContainerByPanelId(panelId: string): GoldenLayout.Container {\n    const stack = LayoutUtils.getStackForConfig(this.layout.root, {\n      id: panelId,\n    });\n    return (\n      (stack && LayoutUtils.getContentItemInStack(stack, { id: panelId })) ??\n      null\n    );\n  }\n\n  getLastUsedPanel<T extends PanelComponent = PanelComponent>(\n    matcher: (panel: PanelComponent) => boolean\n  ): T | undefined {\n    const opened = this.getOpenedPanels();\n    for (let i = opened.length - 1; i >= 0; i -= 1) {\n      const panel = opened[i];\n      if (matcher == null || matcher(panel)) {\n        return panel as T;\n      }\n    }\n\n    return undefined;\n  }\n\n  getLastUsedPanelOfType(type: ComponentType): PanelComponent | undefined {\n    return this.getLastUsedPanel(panel => panel instanceof type);\n  }\n\n  updatePanel(panel: PanelComponent): void {\n    const panelId = LayoutUtils.getIdFromPanel(panel);\n    if (!panelId) {\n      log.error('updatePanel Panel did not have an ID', panel);\n      return;\n    }\n    log.debug2(`Updating panel ID ${panelId} in open panels map`);\n    // Delete the entry before it's set to maintain correct ordering in the open panels map.\n    // The last updated (focused) panel should be the last inserted.\n    // Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.\n    this.openedMap.delete(panelId);\n    this.openedMap.set(panelId, panel);\n  }\n\n  removePanel(panel: PanelComponent): void {\n    const panelId = LayoutUtils.getIdFromPanel(panel);\n    if (!panelId) {\n      log.error('removePanel Panel did not have an ID', panel);\n      return;\n    }\n    if (!this.openedMap.has(panelId)) {\n      log.error(`Missing panel ID ${panelId} in open panels map`);\n      return;\n    }\n    if (this.openedMap.get(panelId) !== panel) {\n      // We mount a new panel before un-mounting the existing one\n      // when replacing existing panels in openComponent/openComponentInStack.\n      // Skip map delete if the panelId entry already refers to the new panel.\n      log.debug(\n        `Panel argument doesn't match the open panels map entry for ${panelId}, removePanel ignored`\n      );\n      return;\n    }\n    log.debug2(`Removing panel ID ${panelId} from open panels map`);\n    this.openedMap.delete(panelId);\n  }\n\n  removeClosedPanelConfig(panelConfig: ClosedPanel): void {\n    const index = this.closed.findIndex(\n      closedConfig =>\n        closedConfig === panelConfig ||\n        (closedConfig.id &&\n          panelConfig.id &&\n          closedConfig.id === panelConfig.id)\n    );\n    if (index >= 0) {\n      this.closed.splice(index, 1);\n    }\n  }\n\n  handleFocus(panel: PanelComponent): void {\n    log.debug2('Focus: ', panel);\n    this.updatePanel(panel);\n  }\n\n  handleMount(panel: PanelComponent): void {\n    log.debug2('Mount: ', panel);\n    this.updatePanel(panel);\n    this.sendUpdate();\n  }\n\n  handleUnmount(panel: PanelComponent): void {\n    log.debug2('Unmount: ', panel);\n    this.removePanel(panel);\n    this.sendUpdate();\n  }\n\n  /**\n   *\n   * @param {Object} panelConfig The config to hydrate and load\n   * @param {Object} replaceConfig The config to place\n   */\n  handleReopen(panelConfig: ClosedPanel, replaceConfig = null): void {\n    log.debug2('Reopen:', panelConfig, replaceConfig);\n\n    this.removeClosedPanelConfig(panelConfig);\n    // Don't need to send an update yet, it will get sent when component is mounted\n\n    // Rehydrate the panel before adding it back\n    const { component } = panelConfig;\n    let { props } = panelConfig;\n    props = this.hydrateComponent(component, props);\n\n    const config = {\n      ...panelConfig,\n      props,\n    };\n\n    const { root } = this.layout;\n    LayoutUtils.openComponent({ root, config, replaceConfig });\n  }\n\n  handleDeleted(panelConfig: ClosedPanel): void {\n    log.debug2('Deleted:', panelConfig);\n\n    this.removeClosedPanelConfig(panelConfig);\n\n    this.sendUpdate();\n  }\n\n  handleClosed(panelId: string, glContainer: GoldenLayout.Container): void {\n    // Panel component should be already unmounted at this point\n    // so the emitted event sends the container object instead of the panel.\n    log.debug2('Closed: ', panelId);\n    this.addClosedPanel(glContainer);\n    this.sendUpdate();\n  }\n\n  handleControlClose(id: string): void {\n    const config = { id };\n    const { root } = this.layout;\n    LayoutUtils.closeComponent(root, config);\n  }\n\n  addClosedPanel(glContainer: GoldenLayout.Container): void {\n    const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n    if (config) {\n      const dehydratedConfig = this.dehydrateComponent(\n        config.component,\n        config\n      );\n      if (dehydratedConfig) {\n        this.closed.push(dehydratedConfig);\n      }\n    }\n  }\n\n  sendUpdate(): void {\n    const { closed, openedMap } = this;\n    this.onPanelsUpdated({\n      closed: [...closed],\n      openedMap: new Map(openedMap),\n    });\n  }\n}\n\nexport default PanelManager;\n"],"file":"PanelManager.js"}
+{"version":3,"sources":["../src/PanelManager.ts"],"names":["Log","PanelEvent","LayoutUtils","log","module","PanelManager","constructor","layout","hydrateComponent","name","props","dehydrateComponent","config","openedMap","Map","closed","onPanelsUpdated","undefined","handleFocus","bind","handleMount","handleUnmount","handleReopen","handleDeleted","handleClosed","handleControlClose","startListening","eventHub","on","FOCUS","MOUNT","UNMOUNT","REOPEN","DELETE","CLOSED","CLOSE","stopListening","off","getClosedPanelConfigsOfType","typeString","filter","panel","component","getOpenedPanels","Array","from","values","getOpenedPanelConfigs","map","glContainer","getComponentConfigFromContainer","getOpenedPanelConfigsOfType","getOpenedPanelById","panelId","get","getContainerByPanelId","stack","getStackForConfig","root","id","getContentItemInStack","getLastUsedPanel","matcher","opened","i","length","getLastUsedPanelOfType","type","updatePanel","getIdFromPanel","error","debug2","delete","set","removePanel","has","debug","removeClosedPanelConfig","panelConfig","index","findIndex","closedConfig","splice","sendUpdate","replaceConfig","openComponent","addClosedPanel","closeComponent","dehydratedConfig","push"],"mappings":"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","sourcesContent":["import { ComponentType } from 'react';\nimport GoldenLayout, { ReactComponentConfig } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport PanelEvent from './PanelEvent';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { PanelComponent, PanelProps } from './DashboardPlugin';\n\nconst log = Log.module('PanelManager');\n\nexport type PanelHydraterFunction = (\n  name: string,\n  props: PanelProps\n) => PanelProps;\n\nexport type PanelDehydraterFunction = (\n  name: string,\n  config: ReactComponentConfig\n) => ReactComponentConfig;\n\nexport type ClosedPanel = ReactComponentConfig;\n\nexport type ClosedPanels = ClosedPanel[];\n\nexport type OpenedPanelMap = Map<string, PanelComponent>;\n\nexport type PanelsUpdateData = {\n  closed: ClosedPanels;\n  openedMap: OpenedPanelMap;\n};\n\nexport type PanelsUpdateCallback = (panelUpdateData: PanelsUpdateData) => void;\n\n/**\n * Class to keep track of which panels are open, have been closed, and also events to close panels.\n */\nclass PanelManager {\n  static MAX_CLOSED_PANEL_COUNT = 100;\n\n  layout: GoldenLayout;\n\n  hydrateComponent: PanelHydraterFunction;\n\n  dehydrateComponent: PanelDehydraterFunction;\n\n  onPanelsUpdated: PanelsUpdateCallback;\n\n  closed: ClosedPanels;\n\n  openedMap: OpenedPanelMap;\n\n  /**\n   * @param layout The GoldenLayout object to attach to\n   * @param hydrateComponent Function to hydrate a panel from a dehydrated state\n   * @param dehydrateComponent Function to dehydrate a panel\n   * @param openedMap Map of opened panels\n   * @param closed Array of closed panels in a dehydrated state\n   * @param onPanelsUpdated Triggered when the panels are updated\n   */\n  constructor(\n    layout: GoldenLayout,\n    hydrateComponent: PanelHydraterFunction = (name, props) => props,\n    dehydrateComponent: PanelDehydraterFunction = (name, config) => config,\n    openedMap: OpenedPanelMap = new Map(),\n    closed: ClosedPanel[] = [],\n    onPanelsUpdated: PanelsUpdateCallback = () => undefined\n  ) {\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleMount = this.handleMount.bind(this);\n    // Panel can be unmounted on error but still keep the tab until it's closed\n    // Use PanelEvent.MOUNT/UNMOUNT to track open (active) panels\n    // and PanelEvent.CLOSED for cleanup (delete links, add panel to closed panels list, etc)\n    this.handleUnmount = this.handleUnmount.bind(this);\n    this.handleReopen = this.handleReopen.bind(this);\n    this.handleDeleted = this.handleDeleted.bind(this);\n    this.handleClosed = this.handleClosed.bind(this);\n    this.handleControlClose = this.handleControlClose.bind(this);\n\n    this.layout = layout;\n    this.hydrateComponent = hydrateComponent;\n    this.dehydrateComponent = dehydrateComponent;\n    this.onPanelsUpdated = onPanelsUpdated;\n\n    // Store the opened and closed panels\n    this.openedMap = new Map(openedMap);\n\n    // Closed panels are stored in their dehydrated state\n    this.closed = [...closed];\n\n    this.startListening();\n  }\n\n  startListening(): void {\n    const { eventHub } = this.layout;\n    eventHub.on(PanelEvent.FOCUS, this.handleFocus);\n    eventHub.on(PanelEvent.MOUNT, this.handleMount);\n    eventHub.on(PanelEvent.UNMOUNT, this.handleUnmount);\n    eventHub.on(PanelEvent.REOPEN, this.handleReopen);\n    eventHub.on(PanelEvent.DELETE, this.handleDeleted);\n    eventHub.on(PanelEvent.CLOSED, this.handleClosed);\n    eventHub.on(PanelEvent.CLOSE, this.handleControlClose);\n  }\n\n  stopListening(): void {\n    const { eventHub } = this.layout;\n    eventHub.off(PanelEvent.FOCUS, this.handleFocus);\n    eventHub.off(PanelEvent.MOUNT, this.handleMount);\n    eventHub.off(PanelEvent.UNMOUNT, this.handleUnmount);\n    eventHub.off(PanelEvent.REOPEN, this.handleReopen);\n    eventHub.off(PanelEvent.DELETE, this.handleDeleted);\n    eventHub.off(PanelEvent.CLOSED, this.handleClosed);\n    eventHub.off(PanelEvent.CLOSE, this.handleControlClose);\n  }\n\n  getClosedPanelConfigsOfType(typeString: string): ClosedPanels {\n    return this.closed.filter(panel => panel.component === typeString);\n  }\n\n  getOpenedPanels(): PanelComponent[] {\n    return Array.from(this.openedMap.values());\n  }\n\n  getOpenedPanelConfigs(): GoldenLayout.ReactComponentConfig[] {\n    return this.getOpenedPanels().map(panel => {\n      const { glContainer } = panel.props;\n      return LayoutUtils.getComponentConfigFromContainer(glContainer);\n    });\n  }\n\n  getOpenedPanelConfigsOfType(\n    typeString: string\n  ): GoldenLayout.ReactComponentConfig[] {\n    return this.getOpenedPanelConfigs().filter(\n      config => config != null && config.component === typeString\n    );\n  }\n\n  getOpenedPanelById(panelId: string): PanelComponent | undefined {\n    return this.openedMap.get(panelId);\n  }\n\n  getContainerByPanelId(panelId: string): GoldenLayout.Container {\n    const stack = LayoutUtils.getStackForConfig(this.layout.root, {\n      id: panelId,\n    });\n    return (\n      (stack && LayoutUtils.getContentItemInStack(stack, { id: panelId })) ??\n      null\n    );\n  }\n\n  getLastUsedPanel<T extends PanelComponent = PanelComponent>(\n    matcher: (panel: PanelComponent) => boolean\n  ): T | undefined {\n    const opened = this.getOpenedPanels();\n    for (let i = opened.length - 1; i >= 0; i -= 1) {\n      const panel = opened[i];\n      if (matcher == null || matcher(panel)) {\n        return panel as T;\n      }\n    }\n\n    return undefined;\n  }\n\n  getLastUsedPanelOfType(type: ComponentType): PanelComponent | undefined {\n    return this.getLastUsedPanel(panel => panel instanceof type);\n  }\n\n  updatePanel(panel: PanelComponent): void {\n    const panelId = LayoutUtils.getIdFromPanel(panel);\n    if (!panelId) {\n      log.error('updatePanel Panel did not have an ID', panel);\n      return;\n    }\n    log.debug2(`Updating panel ID ${panelId} in open panels map`);\n    // Delete the entry before it's set to maintain correct ordering in the open panels map.\n    // The last updated (focused) panel should be the last inserted.\n    // Deleting the entry from the map directly instead of calling this.removePanel to skip the checks.\n    this.openedMap.delete(panelId);\n    this.openedMap.set(panelId, panel);\n  }\n\n  removePanel(panel: PanelComponent): void {\n    const panelId = LayoutUtils.getIdFromPanel(panel);\n    if (!panelId) {\n      log.error('removePanel Panel did not have an ID', panel);\n      return;\n    }\n    if (!this.openedMap.has(panelId)) {\n      log.error(`Missing panel ID ${panelId} in open panels map`);\n      return;\n    }\n    if (this.openedMap.get(panelId) !== panel) {\n      // We mount a new panel before un-mounting the existing one\n      // when replacing existing panels in openComponent/openComponentInStack.\n      // Skip map delete if the panelId entry already refers to the new panel.\n      log.debug(\n        `Panel argument doesn't match the open panels map entry for ${panelId}, removePanel ignored`\n      );\n      return;\n    }\n    log.debug2(`Removing panel ID ${panelId} from open panels map`);\n    this.openedMap.delete(panelId);\n  }\n\n  removeClosedPanelConfig(panelConfig: ClosedPanel): void {\n    const index = this.closed.findIndex(\n      closedConfig =>\n        closedConfig === panelConfig ||\n        (closedConfig.id &&\n          panelConfig.id &&\n          closedConfig.id === panelConfig.id)\n    );\n    if (index >= 0) {\n      this.closed.splice(index, 1);\n    }\n  }\n\n  handleFocus(panel: PanelComponent): void {\n    log.debug2('Focus: ', panel);\n    this.updatePanel(panel);\n  }\n\n  handleMount(panel: PanelComponent): void {\n    log.debug2('Mount: ', panel);\n    this.updatePanel(panel);\n    this.sendUpdate();\n  }\n\n  handleUnmount(panel: PanelComponent): void {\n    log.debug2('Unmount: ', panel);\n    this.removePanel(panel);\n    this.sendUpdate();\n  }\n\n  /**\n   *\n   * @param {Object} panelConfig The config to hydrate and load\n   * @param {Object} replaceConfig The config to place\n   */\n  handleReopen(panelConfig: ClosedPanel, replaceConfig = null): void {\n    log.debug2('Reopen:', panelConfig, replaceConfig);\n\n    this.removeClosedPanelConfig(panelConfig);\n    // Don't need to send an update yet, it will get sent when component is mounted\n\n    // Rehydrate the panel before adding it back\n    const { component } = panelConfig;\n    let { props } = panelConfig;\n    props = this.hydrateComponent(component, props);\n\n    const config = {\n      ...panelConfig,\n      props,\n    };\n\n    const { root } = this.layout;\n    LayoutUtils.openComponent({ root, config, replaceConfig });\n  }\n\n  handleDeleted(panelConfig: ClosedPanel): void {\n    log.debug2('Deleted:', panelConfig);\n\n    this.removeClosedPanelConfig(panelConfig);\n\n    this.sendUpdate();\n  }\n\n  handleClosed(panelId: string, glContainer: GoldenLayout.Container): void {\n    // Panel component should be already unmounted at this point\n    // so the emitted event sends the container object instead of the panel.\n    log.debug2('Closed: ', panelId);\n    this.addClosedPanel(glContainer);\n    this.sendUpdate();\n  }\n\n  handleControlClose(id: string): void {\n    const config = { id };\n    const { root } = this.layout;\n    LayoutUtils.closeComponent(root, config);\n  }\n\n  addClosedPanel(glContainer: GoldenLayout.Container): void {\n    const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n    if (config) {\n      const dehydratedConfig = this.dehydrateComponent(\n        config.component,\n        config\n      );\n      if (dehydratedConfig) {\n        this.closed.push(dehydratedConfig);\n      }\n    }\n  }\n\n  sendUpdate(): void {\n    const { closed, openedMap } = this;\n    this.onPanelsUpdated({\n      closed: [...closed],\n      openedMap: new Map(openedMap),\n    });\n  }\n}\n\nexport default PanelManager;\n"],"file":"PanelManager.js"}

package/dist/PanelPlaceholder.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import "./PanelPlaceholder.css";
-import LayoutUtils from './layout/LayoutUtils';
+import LayoutUtils from "./layout/LayoutUtils.js";
 /**
  * Displays a placeholder for unregistered panel types.
  */
 
-var PanelPlaceholder = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var PanelPlaceholder = /*#__PURE__*/React.forwardRef((props, ref) => {
   var component = LayoutUtils.getComponentNameFromPanel({
-    props: props
+    props
   });
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/dist/PanelPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/PanelPlaceholder.jsx"],"names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA;AACA,OAAOC,WAAP,MAAwB,sBAAxB;AAEA;AACA;AACA;;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACxD,MAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAZ,CAAsC;AAAEH,IAAAA,KAAK,EAALA;AAAF,GAAtC,CAAlB;AACA,sBACE;AAAK,IAAA,GAAG,EAAEC,GAAV;AAAe,IAAA,SAAS,EAAC;AAAzB,qBACmBC,SADnB,0BADF;AAKD,CAPwB,CAAzB;AASA,eAAeJ,gBAAf","sourcesContent":["import React from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef((props, ref) => {\n  const component = LayoutUtils.getComponentNameFromPanel({ props });\n  return (\n    <div ref={ref} className=\"panel-placeholder\">\n      Component &quot;{component}&quot; is not registered.\n    </div>\n  );\n});\n\nexport default PanelPlaceholder;\n"],"file":"PanelPlaceholder.js"}
+{"version":3,"sources":["../src/PanelPlaceholder.jsx"],"names":["React","LayoutUtils","PanelPlaceholder","forwardRef","props","ref","component","getComponentNameFromPanel"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;OAEOC,W;AAEP;AACA;AACA;;AACA,IAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxD,MAAMC,SAAS,GAAGL,WAAW,CAACM,yBAAZ,CAAsC;AAAEH,IAAAA;AAAF,GAAtC,CAAlB;AACA,sBACE;AAAK,IAAA,GAAG,EAAEC,GAAV;AAAe,IAAA,SAAS,EAAC;AAAzB,qBACmBC,SADnB,0BADF;AAKD,CAPwB,CAAzB;AASA,eAAeJ,gBAAf","sourcesContent":["import React from 'react';\nimport './PanelPlaceholder.scss';\nimport LayoutUtils from './layout/LayoutUtils';\n\n/**\n * Displays a placeholder for unregistered panel types.\n */\nconst PanelPlaceholder = React.forwardRef((props, ref) => {\n  const component = LayoutUtils.getComponentNameFromPanel({ props });\n  return (\n    <div ref={ref} className=\"panel-placeholder\">\n      Component &quot;{component}&quot; is not registered.\n    </div>\n  );\n});\n\nexport default PanelPlaceholder;\n"],"file":"PanelPlaceholder.js"}