@deephaven/dashboard 0.108.1-beta.0 → 0.108.1-beta.12

package/dist/BasePanel.d.ts

@@ -0,0 +1,37 @@
+import { type FocusEventHandler, type ReactNode } from 'react';
+import { type ResolvableContextAction } from '@deephaven/components';
+import type { Container, EventEmitter, Tab } from '@deephaven/golden-layout';
+import { type PanelComponent } from './DashboardPlugin';
+import './Panel.scss';
+export type BasePanelProps = {
+    /**
+     * Reference to the component panel.
+     * Will wait until it is set before emitting mount/unmount events.
+     *
+     */
+    componentPanel?: PanelComponent;
+    children: ReactNode;
+    glContainer: Container;
+    glEventHub: EventEmitter;
+    className?: string;
+    onFocus?: FocusEventHandler<HTMLDivElement>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onTab?: (tab: Tab) => void;
+    onTabClicked?: (e: MouseEvent) => void;
+    onHide?: (...args: unknown[]) => void;
+    onResize?: (...args: unknown[]) => void;
+    onBeforeShow?: (...args: unknown[]) => void;
+    onShow?: (...args: unknown[]) => void;
+    onTabBlur?: (...args: unknown[]) => void;
+    onTabFocus?: (...args: unknown[]) => void;
+    renderTabTooltip?: () => ReactNode;
+    additionalActions?: ResolvableContextAction[];
+    errorMessage?: string;
+    isLoading?: boolean;
+    isLoaded?: boolean;
+    isClonable?: boolean;
+    isRenamable?: boolean;
+};
+declare const XBasePanel: import("@deephaven/components").XComponentType<BasePanelProps>;
+export default XBasePanel;
+//# sourceMappingURL=BasePanel.d.ts.map

package/dist/BasePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePanel.d.ts","sourceRoot":"","sources":["../src/BasePanel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,KAAK,iBAAiB,EAGtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAKL,KAAK,uBAAuB,EAE7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EAEZ,GAAG,EACJ,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKxD,OAAO,cAAc,CAAC;AAItB,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,YAAY,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,SAAS,CAAC;IACnC,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAyRF,QAAA,MAAM,UAAU,gEAA8B,CAAC;AAE/C,eAAe,UAAU,CAAC"}

package/dist/BasePanel.js

@@ -0,0 +1,304 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { PureComponent } from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+import memoize from 'memoize-one';
+import { ContextActions, createXComponent, LoadingOverlay, Tooltip } from '@deephaven/components';
+import { assertNotNull, EMPTY_ARRAY } from '@deephaven/utils';
+import Log from '@deephaven/log';
+import LayoutUtils from "./layout/LayoutUtils.js";
+import PanelEvent from "./PanelEvent.js";
+import PanelContextMenu from "./PanelContextMenu.js";
+import RenameDialog from "./RenameDialog.js";
+import TabEvent from "./TabEvent.js";
+import "./Panel.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var log = Log.module('Panel');
+/**
+ * Generic panel component that emits mount/unmount/focus events.
+ * Also wires up some triggers for common events:
+ * Focus, Resize, Show
+ */
+class BasePanel extends PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "ref", void 0);
+    _defineProperty(this, "getAdditionalActions", memoize((actions, isClonable, isRenamable) => {
+      var additionalActions = [];
+      if (isClonable) {
+        additionalActions.push(this.getCloneAction());
+      }
+      if (isRenamable) {
+        additionalActions.push(this.getRenameAction());
+      }
+      return [...additionalActions, ...actions];
+    }));
+    this.handleCopyPanel = this.handleCopyPanel.bind(this);
+    this.handleFocus = this.handleFocus.bind(this);
+    this.handleBlur = this.handleBlur.bind(this);
+    this.handleHide = this.handleHide.bind(this);
+    this.handleResize = this.handleResize.bind(this);
+    this.handleBeforeShow = this.handleBeforeShow.bind(this);
+    this.handleShow = this.handleShow.bind(this);
+    this.handleTabBlur = this.handleTabBlur.bind(this);
+    this.handleTabFocus = this.handleTabFocus.bind(this);
+    this.handleRenameCancel = this.handleRenameCancel.bind(this);
+    this.handleRenameSubmit = this.handleRenameSubmit.bind(this);
+    this.handleShowRenameDialog = this.handleShowRenameDialog.bind(this);
+    this.handleTabClicked = this.handleTabClicked.bind(this);
+    this.handleTab = this.handleTab.bind(this);
+    this.ref = /*#__PURE__*/React.createRef();
+    var {
+      glContainer
+    } = this.props;
+    this.state = {
+      title: LayoutUtils.getTitleFromContainer(glContainer),
+      showRenameDialog: false,
+      isWithinPanel: true
+    };
+  }
+  componentDidMount() {
+    var _this$ref$current, _this$ref$current$par;
+    var {
+      componentPanel,
+      glContainer,
+      glEventHub
+    } = this.props;
+    glContainer.on('resize', this.handleResize);
+    glContainer.on('show', this.handleBeforeShow);
+    glContainer.on('shown', this.handleShow);
+    glContainer.on('hide', this.handleHide);
+    glContainer.on('tab', this.handleTab);
+    glContainer.on('tabClicked', this.handleTabClicked);
+    glEventHub.on(TabEvent.focus, this.handleTabFocus);
+    glEventHub.on(TabEvent.blur, this.handleTabBlur);
+    glEventHub.emit(PanelEvent.MOUNT, componentPanel !== null && componentPanel !== void 0 ? componentPanel : this);
+    this.setState({
+      isWithinPanel: ((_this$ref$current = this.ref.current) === null || _this$ref$current === void 0 ? void 0 : (_this$ref$current$par = _this$ref$current.parentElement) === null || _this$ref$current$par === void 0 ? void 0 : _this$ref$current$par.closest('.dh-panel')) != null
+    });
+  }
+  componentWillUnmount() {
+    var {
+      componentPanel,
+      glContainer,
+      glEventHub
+    } = this.props;
+    glContainer.off('resize', this.handleResize);
+    glContainer.off('show', this.handleBeforeShow);
+    glContainer.off('shown', this.handleShow);
+    glContainer.off('hide', this.handleHide);
+    glContainer.off('tab', this.handleTab);
+    glContainer.off('tabClicked', this.handleTabClicked);
+    glEventHub.off(TabEvent.focus, this.handleTabFocus);
+    glEventHub.off(TabEvent.blur, this.handleTabBlur);
+    glEventHub.emit(PanelEvent.UNMOUNT, componentPanel !== null && componentPanel !== void 0 ? componentPanel : this);
+  }
+  handleTab(tab) {
+    if (tab != null) {
+      this.setState({
+        title: LayoutUtils.getTitleFromTab(tab)
+      });
+    }
+    // render after move can happen before tab event, glTab could be null
+    // when tab event is emitted, force a render update
+    this.forceUpdate();
+    var {
+      onTab
+    } = this.props;
+    onTab === null || onTab === void 0 ? void 0 : onTab(tab);
+  }
+  handleTabClicked(e) {
+    var {
+      onTabClicked
+    } = this.props;
+    onTabClicked === null || onTabClicked === void 0 ? void 0 : onTabClicked(e);
+  }
+  handleFocus(event) {
+    var {
+      componentPanel,
+      glEventHub
+    } = this.props;
+    glEventHub.emit(PanelEvent.FOCUS, componentPanel !== null && componentPanel !== void 0 ? componentPanel : this);
+    var {
+      onFocus
+    } = this.props;
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+  }
+  handleBlur(event) {
+    var {
+      onBlur
+    } = this.props;
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+  }
+  handleHide() {
+    var {
+      onHide
+    } = this.props;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    onHide === null || onHide === void 0 ? void 0 : onHide(...args);
+  }
+  handleResize() {
+    var {
+      onResize
+    } = this.props;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    onResize === null || onResize === void 0 ? void 0 : onResize(...args);
+  }
+  handleBeforeShow() {
+    var {
+      onBeforeShow
+    } = this.props;
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    onBeforeShow === null || onBeforeShow === void 0 ? void 0 : onBeforeShow(...args);
+  }
+  handleShow() {
+    var {
+      onShow
+    } = this.props;
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+    onShow === null || onShow === void 0 ? void 0 : onShow(...args);
+  }
+  handleTabBlur() {
+    var {
+      onTabBlur
+    } = this.props;
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+    onTabBlur === null || onTabBlur === void 0 ? void 0 : onTabBlur(...args);
+  }
+  handleTabFocus() {
+    var {
+      onTabFocus
+    } = this.props;
+    for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+      args[_key6] = arguments[_key6];
+    }
+    onTabFocus === null || onTabFocus === void 0 ? void 0 : onTabFocus(...args);
+  }
+  handleRenameCancel() {
+    this.setState({
+      showRenameDialog: false
+    });
+  }
+  handleShowRenameDialog() {
+    this.setState({
+      showRenameDialog: true
+    });
+  }
+  handleRenameSubmit(newTitle) {
+    var {
+      glContainer
+    } = this.props;
+    this.setState({
+      showRenameDialog: false,
+      title: newTitle
+    });
+    var root = LayoutUtils.getRootFromContainer(glContainer);
+    var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
+    assertNotNull(config);
+    LayoutUtils.renameComponent(root, config, newTitle);
+  }
+  handleCopyPanel() {
+    var {
+      glContainer,
+      glEventHub
+    } = this.props;
+    var root = LayoutUtils.getRootFromContainer(glContainer);
+    var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
+    if (config == null) {
+      log.error('Could not get component config from container', glContainer);
+      return;
+    }
+    var cloneConfig = LayoutUtils.cloneComponent(root, config);
+    if (cloneConfig !== null) {
+      glEventHub.emit(PanelEvent.CLONED, this, cloneConfig);
+    }
+  }
+  getCloneAction() {
+    return {
+      title: 'Copy Panel',
+      order: 10,
+      group: ContextActions.groups.high,
+      action: this.handleCopyPanel
+    };
+  }
+  getRenameAction() {
+    return {
+      title: 'Rename',
+      order: 10,
+      group: ContextActions.groups.medium,
+      action: this.handleShowRenameDialog
+    };
+  }
+  render() {
+    var {
+      children,
+      className,
+      renderTabTooltip,
+      glContainer,
+      glEventHub,
+      additionalActions = EMPTY_ARRAY,
+      errorMessage,
+      isLoaded = true,
+      isLoading = false,
+      isClonable = false,
+      isRenamable = false
+    } = this.props;
+    var {
+      tab: glTab
+    } = glContainer;
+    var {
+      showRenameDialog,
+      title,
+      isWithinPanel
+    } = this.state;
+    return /*#__PURE__*/_jsxs("div", {
+      className: classNames('h-100 w-100 dh-panel', className),
+      onFocusCapture: this.handleFocus,
+      onBlurCapture: this.handleBlur,
+      ref: this.ref,
+      children: [children, /*#__PURE__*/_jsx(LoadingOverlay, {
+        errorMessage: errorMessage,
+        isLoaded: isLoaded,
+        isLoading: isLoading
+      }), !isWithinPanel && glTab != null && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(PanelContextMenu, {
+          glContainer: glContainer,
+          glEventHub: glEventHub,
+          additionalActions: this.getAdditionalActions(additionalActions, isClonable, isRenamable)
+        }), isRenamable && /*#__PURE__*/_jsx(RenameDialog, {
+          isShown: showRenameDialog,
+          value: title,
+          itemType: "Panel",
+          onCancel: this.handleRenameCancel,
+          onSubmit: this.handleRenameSubmit
+        }), renderTabTooltip != null && /*#__PURE__*/_jsx(Tooltip, {
+          interactive: true,
+          options: {
+            placement: 'bottom'
+          },
+          popperClassName: "panel-tab-popper",
+          children: renderTabTooltip()
+        })]
+      }), glTab.element[0] // tab.element is jquery element, we want a dom element
+      )]
+    });
+  }
+}
+
+var XBasePanel = createXComponent(BasePanel);
+export default XBasePanel;
+//# sourceMappingURL=BasePanel.js.map

package/dist/BasePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePanel.js","names":["React","PureComponent","ReactDOM","classNames","memoize","ContextActions","createXComponent","LoadingOverlay","Tooltip","assertNotNull","EMPTY_ARRAY","Log","LayoutUtils","PanelEvent","PanelContextMenu","RenameDialog","TabEvent","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","BasePanel","constructor","props","_defineProperty","actions","isClonable","isRenamable","additionalActions","push","getCloneAction","getRenameAction","handleCopyPanel","bind","handleFocus","handleBlur","handleHide","handleResize","handleBeforeShow","handleShow","handleTabBlur","handleTabFocus","handleRenameCancel","handleRenameSubmit","handleShowRenameDialog","handleTabClicked","handleTab","ref","createRef","glContainer","state","title","getTitleFromContainer","showRenameDialog","isWithinPanel","componentDidMount","_this$ref$current","_this$ref$current$par","componentPanel","glEventHub","on","focus","blur","emit","MOUNT","setState","current","parentElement","closest","componentWillUnmount","off","UNMOUNT","tab","getTitleFromTab","forceUpdate","onTab","e","onTabClicked","event","FOCUS","onFocus","onBlur","onHide","_len","arguments","length","args","Array","_key","onResize","_len2","_key2","onBeforeShow","_len3","_key3","onShow","_len4","_key4","onTabBlur","_len5","_key5","onTabFocus","_len6","_key6","newTitle","root","getRootFromContainer","config","getComponentConfigFromContainer","renameComponent","error","cloneConfig","cloneComponent","CLONED","order","group","groups","high","action","medium","render","children","className","renderTabTooltip","errorMessage","isLoaded","isLoading","glTab","onFocusCapture","onBlurCapture","createPortal","getAdditionalActions","isShown","value","itemType","onCancel","onSubmit","interactive","options","placement","popperClassName","element","XBasePanel"],"sources":["../src/BasePanel.tsx"],"sourcesContent":["import React, {\n  type FocusEvent,\n  type FocusEventHandler,\n  PureComponent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport memoize from 'memoize-one';\nimport {\n  type ContextAction,\n  ContextActions,\n  createXComponent,\n  LoadingOverlay,\n  type ResolvableContextAction,\n  Tooltip,\n} from '@deephaven/components';\nimport type {\n  Container,\n  EventEmitter,\n  ReactComponentConfig,\n  Tab,\n} from '@deephaven/golden-layout';\nimport { assertNotNull, EMPTY_ARRAY } from '@deephaven/utils';\nimport Log from '@deephaven/log';\nimport LayoutUtils from './layout/LayoutUtils';\nimport { type PanelComponent } from './DashboardPlugin';\nimport PanelEvent from './PanelEvent';\nimport PanelContextMenu from './PanelContextMenu';\nimport RenameDialog from './RenameDialog';\nimport TabEvent from './TabEvent';\nimport './Panel.scss';\n\nconst log = Log.module('Panel');\n\nexport type BasePanelProps = {\n  /**\n   * Reference to the component panel.\n   * Will wait until it is set before emitting mount/unmount events.\n   *\n   */\n  componentPanel?: PanelComponent;\n  children: ReactNode;\n  glContainer: Container;\n  glEventHub: EventEmitter;\n  className?: string;\n  onFocus?: FocusEventHandler<HTMLDivElement>;\n  onBlur?: FocusEventHandler<HTMLDivElement>;\n  onTab?: (tab: Tab) => void;\n  onTabClicked?: (e: MouseEvent) => void;\n  onHide?: (...args: unknown[]) => void;\n  onResize?: (...args: unknown[]) => void;\n  onBeforeShow?: (...args: unknown[]) => void;\n  onShow?: (...args: unknown[]) => void;\n  onTabBlur?: (...args: unknown[]) => void;\n  onTabFocus?: (...args: unknown[]) => void;\n  renderTabTooltip?: () => ReactNode;\n  additionalActions?: ResolvableContextAction[];\n  errorMessage?: string;\n  isLoading?: boolean;\n  isLoaded?: boolean;\n  isClonable?: boolean;\n  isRenamable?: boolean;\n};\n\ninterface BasePanelState {\n  title?: string | null;\n  showRenameDialog: boolean;\n  isWithinPanel: boolean;\n}\n/**\n * Generic panel component that emits mount/unmount/focus events.\n * Also wires up some triggers for common events:\n * Focus, Resize, Show\n */\nclass BasePanel extends PureComponent<BasePanelProps, BasePanelState> {\n  constructor(props: BasePanelProps) {\n    super(props);\n\n    this.handleCopyPanel = this.handleCopyPanel.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleHide = this.handleHide.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n    this.handleBeforeShow = this.handleBeforeShow.bind(this);\n    this.handleShow = this.handleShow.bind(this);\n    this.handleTabBlur = this.handleTabBlur.bind(this);\n    this.handleTabFocus = this.handleTabFocus.bind(this);\n    this.handleRenameCancel = this.handleRenameCancel.bind(this);\n    this.handleRenameSubmit = this.handleRenameSubmit.bind(this);\n    this.handleShowRenameDialog = this.handleShowRenameDialog.bind(this);\n    this.handleTabClicked = this.handleTabClicked.bind(this);\n    this.handleTab = this.handleTab.bind(this);\n\n    this.ref = React.createRef<HTMLDivElement>();\n\n    const { glContainer } = this.props;\n    this.state = {\n      title: LayoutUtils.getTitleFromContainer(glContainer),\n      showRenameDialog: false,\n      isWithinPanel: true,\n    };\n  }\n\n  componentDidMount(): void {\n    const { componentPanel, glContainer, glEventHub } = this.props;\n\n    glContainer.on('resize', this.handleResize);\n    glContainer.on('show', this.handleBeforeShow);\n    glContainer.on('shown', this.handleShow);\n    glContainer.on('hide', this.handleHide);\n    glContainer.on('tab', this.handleTab);\n    glContainer.on('tabClicked', this.handleTabClicked);\n    glEventHub.on(TabEvent.focus, this.handleTabFocus);\n    glEventHub.on(TabEvent.blur, this.handleTabBlur);\n\n    glEventHub.emit(PanelEvent.MOUNT, componentPanel ?? this);\n\n    this.setState({\n      isWithinPanel:\n        this.ref.current?.parentElement?.closest('.dh-panel') != null,\n    });\n  }\n\n  componentWillUnmount(): void {\n    const { componentPanel, glContainer, glEventHub } = this.props;\n\n    glContainer.off('resize', this.handleResize);\n    glContainer.off('show', this.handleBeforeShow);\n    glContainer.off('shown', this.handleShow);\n    glContainer.off('hide', this.handleHide);\n    glContainer.off('tab', this.handleTab);\n    glContainer.off('tabClicked', this.handleTabClicked);\n    glEventHub.off(TabEvent.focus, this.handleTabFocus);\n    glEventHub.off(TabEvent.blur, this.handleTabBlur);\n\n    glEventHub.emit(PanelEvent.UNMOUNT, componentPanel ?? this);\n  }\n\n  ref: React.RefObject<HTMLDivElement>;\n\n  handleTab(tab: Tab): void {\n    if (tab != null) {\n      this.setState({\n        title: LayoutUtils.getTitleFromTab(tab),\n      });\n    }\n    // render after move can happen before tab event, glTab could be null\n    // when tab event is emitted, force a render update\n    this.forceUpdate();\n\n    const { onTab } = this.props;\n    onTab?.(tab);\n  }\n\n  handleTabClicked(e: MouseEvent): void {\n    const { onTabClicked } = this.props;\n    onTabClicked?.(e);\n  }\n\n  handleFocus(event: FocusEvent<HTMLDivElement>): void {\n    const { componentPanel, glEventHub } = this.props;\n    glEventHub.emit(PanelEvent.FOCUS, componentPanel ?? this);\n\n    const { onFocus } = this.props;\n    onFocus?.(event);\n  }\n\n  handleBlur(event: FocusEvent<HTMLDivElement>): void {\n    const { onBlur } = this.props;\n    onBlur?.(event);\n  }\n\n  handleHide(...args: unknown[]): void {\n    const { onHide } = this.props;\n    onHide?.(...args);\n  }\n\n  handleResize(...args: unknown[]): void {\n    const { onResize } = this.props;\n    onResize?.(...args);\n  }\n\n  handleBeforeShow(...args: unknown[]): void {\n    const { onBeforeShow } = this.props;\n    onBeforeShow?.(...args);\n  }\n\n  handleShow(...args: unknown[]): void {\n    const { onShow } = this.props;\n    onShow?.(...args);\n  }\n\n  handleTabBlur(...args: unknown[]): void {\n    const { onTabBlur } = this.props;\n    onTabBlur?.(...args);\n  }\n\n  handleTabFocus(...args: unknown[]): void {\n    const { onTabFocus } = this.props;\n    onTabFocus?.(...args);\n  }\n\n  handleRenameCancel(): void {\n    this.setState({ showRenameDialog: false });\n  }\n\n  handleShowRenameDialog(): void {\n    this.setState({ showRenameDialog: true });\n  }\n\n  handleRenameSubmit(newTitle: string): void {\n    const { glContainer } = this.props;\n    this.setState({ showRenameDialog: false, title: newTitle });\n    const root = LayoutUtils.getRootFromContainer(glContainer);\n    const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n    assertNotNull(config);\n    LayoutUtils.renameComponent(root, config, newTitle);\n  }\n\n  handleCopyPanel(): void {\n    const { glContainer, glEventHub } = this.props;\n    const root = LayoutUtils.getRootFromContainer(glContainer);\n    const config = LayoutUtils.getComponentConfigFromContainer(glContainer);\n    if (config == null) {\n      log.error('Could not get component config from container', glContainer);\n      return;\n    }\n    const cloneConfig = LayoutUtils.cloneComponent(\n      root,\n      config as ReactComponentConfig\n    );\n    if (cloneConfig !== null) {\n      glEventHub.emit(PanelEvent.CLONED, this, cloneConfig);\n    }\n  }\n\n  getCloneAction(): ContextAction {\n    return {\n      title: 'Copy Panel',\n      order: 10,\n      group: ContextActions.groups.high,\n      action: this.handleCopyPanel,\n    };\n  }\n\n  getRenameAction(): ContextAction {\n    return {\n      title: 'Rename',\n      order: 10,\n      group: ContextActions.groups.medium,\n      action: this.handleShowRenameDialog,\n    };\n  }\n\n  getAdditionalActions = memoize(\n    (\n      actions: readonly ResolvableContextAction[],\n      isClonable: boolean,\n      isRenamable: boolean\n    ) => {\n      const additionalActions = [];\n      if (isClonable) {\n        additionalActions.push(this.getCloneAction());\n      }\n      if (isRenamable) {\n        additionalActions.push(this.getRenameAction());\n      }\n      return [...additionalActions, ...actions];\n    }\n  );\n\n  render(): ReactElement {\n    const {\n      children,\n      className,\n      renderTabTooltip,\n      glContainer,\n      glEventHub,\n      additionalActions = EMPTY_ARRAY,\n      errorMessage,\n      isLoaded = true,\n      isLoading = false,\n      isClonable = false,\n      isRenamable = false,\n    } = this.props;\n\n    const { tab: glTab } = glContainer;\n    const { showRenameDialog, title, isWithinPanel } = this.state;\n\n    return (\n      <div\n        className={classNames('h-100 w-100 dh-panel', className)}\n        onFocusCapture={this.handleFocus}\n        onBlurCapture={this.handleBlur}\n        ref={this.ref}\n      >\n        {children}\n        <LoadingOverlay\n          errorMessage={errorMessage}\n          isLoaded={isLoaded}\n          isLoading={isLoading}\n        />\n        {!isWithinPanel &&\n          glTab != null &&\n          ReactDOM.createPortal(\n            <>\n              <PanelContextMenu\n                glContainer={glContainer}\n                glEventHub={glEventHub}\n                additionalActions={this.getAdditionalActions(\n                  additionalActions,\n                  isClonable,\n                  isRenamable\n                )}\n              />\n              {isRenamable && (\n                <RenameDialog\n                  isShown={showRenameDialog}\n                  value={title}\n                  itemType=\"Panel\"\n                  onCancel={this.handleRenameCancel}\n                  onSubmit={this.handleRenameSubmit}\n                />\n              )}\n              {renderTabTooltip != null && (\n                <Tooltip\n                  interactive\n                  options={{\n                    placement: 'bottom',\n                  }}\n                  popperClassName=\"panel-tab-popper\"\n                >\n                  {renderTabTooltip()}\n                </Tooltip>\n              )}\n            </>,\n            glTab.element[0] // tab.element is jquery element, we want a dom element\n          )}\n      </div>\n    );\n  }\n}\n\nconst XBasePanel = createXComponent(BasePanel);\n\nexport default XBasePanel;\n"],"mappings":"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"}

package/dist/Dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,yBAAyB,EAC9B,KAAK,aAAa,EAKnB,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,4BAA4B,CAAC;AAIpC,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAS1B,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,yBAAyB,CAC3C,UAAU,GAAG,aAAa,CAAC,cAAc,CAAC,CAC3C,CAAC;IACF,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAEnC,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAc,EACd,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAA6B,EAC7B,oBAAuC,EACvC,oBAAuC,EACvC,mBAAsC,EACtC,iBAAoC,EACpC,OAAO,EACP,SAAS,EACT,YAAY,GACb,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAuF9B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,yBAAyB,EAC9B,KAAK,aAAa,EAKnB,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,4BAA4B,CAAC;AAIpC,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAW1B,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,yBAAyB,CAC3C,UAAU,GAAG,aAAa,CAAC,cAAc,CAAC,CAC3C,CAAC;IACF,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IAEnC,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAc,EACd,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAA6B,EAC7B,oBAAuC,EACvC,oBAAuC,EACvC,mBAAsC,EACtC,iBAAoC,EACpC,OAAO,EACP,SAAS,EACT,YAAY,GACb,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA2F9B;AAED,eAAe,SAAS,CAAC"}

package/dist/Dashboard.js

@@ -13,6 +13,8 @@ import PanelPlaceholder from "./PanelPlaceholder.js";
 import DashboardLayout from "./DashboardLayout.js";
 import "./Dashboard.css";
 import { LayoutManagerContext } from "./layout/index.js";
+import { DashboardIdContext } from "./useDashboardId.js";
+import { FiberProvider } from "./useFiber.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var RESIZE_THROTTLE = 100;
@@ -78,17 +80,22 @@ export function Dashboard(_ref) {
       ref: layoutElement
     }), isInitialized && layout && /*#__PURE__*/_jsx(LayoutManagerContext.Provider, {
       value: layout,
-      children: /*#__PURE__*/_jsx(DashboardLayout, {
-        emptyDashboard: emptyDashboard,
-        id: id,
-        layout: layout,
-        layoutConfig: layoutConfig,
-        onLayoutChange: onLayoutConfigChange,
-        onLayoutInitialized: onLayoutInitialized,
-        hydrate: hydrate,
-        dehydrate: dehydrate,
-        panelWrapper: panelWrapper,
-        children: children
+      children: /*#__PURE__*/_jsx(DashboardIdContext.Provider, {
+        value: id,
+        children: /*#__PURE__*/_jsx(FiberProvider, {
+          children: /*#__PURE__*/_jsx(DashboardLayout, {
+            emptyDashboard: emptyDashboard,
+            id: id,
+            layout: layout,
+            layoutConfig: layoutConfig,
+            onLayoutChange: onLayoutConfigChange,
+            onLayoutInitialized: onLayoutInitialized,
+            hydrate: hydrate,
+            dehydrate: dehydrate,
+            panelWrapper: panelWrapper,
+            children: children
+          })
+        })
       })
     })]
   });

package/dist/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","names":["React","useEffect","useMemo","useRef","useState","throttle","GoldenLayout","useResizeObserver","LayoutUtils","PanelPlaceholder","DashboardLayout","LayoutManagerContext","jsx","_jsx","jsxs","_jsxs","RESIZE_THROTTLE","DEFAULT_CALLBACK","undefined","EMPTY_OBJECT","Object","freeze","Dashboard","_ref","id","children","emptyDashboard","layoutConfig","layoutSettings","onLayoutConfigChange","onGoldenLayoutChange","onLayoutInitialized","fallbackComponent","hydrate","dehydrate","panelWrapper","layoutElement","isInitialized","setIsInitialized","layout","setLayout","initDashboard","current","config","_objectSpread","makeDefaultLayout","settings","assign","content","newLayout","onInit","off","on","setFallbackComponent","init","destroy","handleResize","isInitialised","updateSize","className","ref","Provider","value","onLayoutChange"],"sources":["../src/Dashboard.tsx"],"sourcesContent":["import React, {\n  type ComponentType,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type { ItemConfig } from '@deephaven/golden-layout';\nimport { useResizeObserver } from '@deephaven/react-hooks';\nimport './layout/GoldenLayout.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport PanelPlaceholder from './PanelPlaceholder';\nimport DashboardLayout from './DashboardLayout';\nimport {\n  type PanelDehydrateFunction,\n  type PanelHydrateFunction,\n  type PanelProps,\n} from './DashboardPlugin';\nimport './Dashboard.scss';\nimport { LayoutManagerContext } from './layout';\n\nconst RESIZE_THROTTLE = 100;\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nexport type DashboardProps = {\n  id?: string;\n  children?: React.ReactNode | React.ReactNode[];\n  emptyDashboard?: React.ReactNode;\n  layoutConfig?: ItemConfig[];\n  layoutSettings?: Record<string, unknown>;\n  onLayoutConfigChange?: () => void;\n  onGoldenLayoutChange?: (goldenLayout: GoldenLayout) => void;\n  onLayoutInitialized?: () => void;\n  fallbackComponent?: ForwardRefExoticComponent<\n    PanelProps & RefAttributes<HTMLDivElement>\n  >;\n  hydrate?: PanelHydrateFunction;\n  dehydrate?: PanelDehydrateFunction;\n\n  /** Component to wrap each panel with */\n  panelWrapper?: ComponentType;\n};\n\nexport function Dashboard({\n  id = 'default',\n  children,\n  emptyDashboard,\n  layoutConfig,\n  layoutSettings = EMPTY_OBJECT,\n  onLayoutConfigChange = DEFAULT_CALLBACK,\n  onGoldenLayoutChange = DEFAULT_CALLBACK,\n  onLayoutInitialized = DEFAULT_CALLBACK,\n  fallbackComponent = PanelPlaceholder,\n  hydrate,\n  dehydrate,\n  panelWrapper,\n}: DashboardProps): JSX.Element {\n  const layoutElement = useRef<HTMLDivElement>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [layout, setLayout] = useState<GoldenLayout>();\n\n  useEffect(\n    function initDashboard() {\n      if (!layoutElement.current) {\n        setLayout(undefined);\n        return;\n      }\n      const config = {\n        ...LayoutUtils.makeDefaultLayout(),\n      };\n      if (config.settings === undefined) {\n        config.settings = {};\n      }\n      Object.assign(config.settings, layoutSettings);\n\n      // Load our content later after plugins have registered\n      config.content = [];\n\n      const newLayout = new GoldenLayout(config, layoutElement.current);\n\n      const onInit = (): void => {\n        newLayout.off('initialised', onInit);\n        setIsInitialized(true);\n      };\n      newLayout.on('initialised', onInit);\n\n      if (fallbackComponent != null) {\n        newLayout.setFallbackComponent(fallbackComponent);\n      }\n\n      newLayout.init();\n\n      setLayout(newLayout);\n\n      onGoldenLayoutChange(newLayout);\n\n      return () => {\n        newLayout.destroy();\n      };\n    },\n    [\n      layoutSettings,\n      fallbackComponent,\n      onGoldenLayoutChange,\n      setIsInitialized,\n      setLayout,\n    ]\n  );\n\n  const handleResize = useMemo(\n    () =>\n      throttle(() => {\n        if (layout != null && layout.isInitialised) {\n          layout?.updateSize();\n        }\n      }, RESIZE_THROTTLE),\n    [layout]\n  );\n\n  useResizeObserver(layoutElement.current, handleResize);\n\n  return (\n    <div className=\"dashboard-container w-100 h-100\">\n      <div className=\"w-100 h-100\" ref={layoutElement} />\n      {isInitialized && layout && (\n        <LayoutManagerContext.Provider value={layout}>\n          <DashboardLayout\n            emptyDashboard={emptyDashboard}\n            id={id}\n            layout={layout}\n            layoutConfig={layoutConfig}\n            onLayoutChange={onLayoutConfigChange}\n            onLayoutInitialized={onLayoutInitialized}\n            hydrate={hydrate}\n            dehydrate={dehydrate}\n            panelWrapper={panelWrapper}\n          >\n            {children}\n          </DashboardLayout>\n        </LayoutManagerContext.Provider>\n      )}\n    </div>\n  );\n}\n\nexport default Dashboard;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAIVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,OAAOC,YAAY,MAAM,0BAA0B;AAEnD,SAASC,iBAAiB,QAAQ,wBAAwB;AAAC;AAAA,OAEpDC,WAAW;AAAA,OACXC,gBAAgB;AAAA,OAChBC,eAAe;AAAA;AAAA,SAObC,oBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7B,IAAMC,eAAe,GAAG,GAAG;AAE3B,IAAMC,gBAAgB,GAAGA,CAAA,KAAYC,SAAS;AAE9C,IAAMC,YAAY,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC;AAqBtC,OAAO,SAASC,SAASA,CAAAC,IAAA,EAaO;EAAA,IAbN;IACxBC,EAAE,GAAG,SAAS;IACdC,QAAQ;IACRC,cAAc;IACdC,YAAY;IACZC,cAAc,GAAGT,YAAY;IAC7BU,oBAAoB,GAAGZ,gBAAgB;IACvCa,oBAAoB,GAAGb,gBAAgB;IACvCc,mBAAmB,GAAGd,gBAAgB;IACtCe,iBAAiB,GAAGvB,gBAAgB;IACpCwB,OAAO;IACPC,SAAS;IACTC;EACc,CAAC,GAAAZ,IAAA;EACf,IAAMa,aAAa,GAAGjC,MAAM,CAAiB,IAAI,CAAC;EAClD,IAAM,CAACkC,aAAa,EAAEC,gBAAgB,CAAC,GAAGlC,QAAQ,CAAC,KAAK,CAAC;EACzD,IAAM,CAACmC,MAAM,EAAEC,SAAS,CAAC,GAAGpC,QAAQ,CAAe,CAAC;EAEpDH,SAAS,CACP,SAASwC,aAAaA,CAAA,EAAG;IACvB,IAAI,CAACL,aAAa,CAACM,OAAO,EAAE;MAC1BF,SAAS,CAACtB,SAAS,CAAC;MACpB;IACF;IACA,IAAMyB,MAAM,GAAAC,aAAA,KACPpC,WAAW,CAACqC,iBAAiB,CAAC,CAAC,CACnC;IACD,IAAIF,MAAM,CAACG,QAAQ,KAAK5B,SAAS,EAAE;MACjCyB,MAAM,CAACG,QAAQ,GAAG,CAAC,CAAC;IACtB;IACA1B,MAAM,CAAC2B,MAAM,CAACJ,MAAM,CAACG,QAAQ,EAAElB,cAAc,CAAC;;IAE9C;IACAe,MAAM,CAACK,OAAO,GAAG,EAAE;IAEnB,IAAMC,SAAS,GAAG,IAAI3C,YAAY,CAACqC,MAAM,EAAEP,aAAa,CAACM,OAAO,CAAC;IAEjE,IAAMQ,MAAM,GAAGA,CAAA,KAAY;MACzBD,SAAS,CAACE,GAAG,CAAC,aAAa,EAAED,MAAM,CAAC;MACpCZ,gBAAgB,CAAC,IAAI,CAAC;IACxB,CAAC;IACDW,SAAS,CAACG,EAAE,CAAC,aAAa,EAAEF,MAAM,CAAC;IAEnC,IAAIlB,iBAAiB,IAAI,IAAI,EAAE;MAC7BiB,SAAS,CAACI,oBAAoB,CAACrB,iBAAiB,CAAC;IACnD;IAEAiB,SAAS,CAACK,IAAI,CAAC,CAAC;IAEhBd,SAAS,CAACS,SAAS,CAAC;IAEpBnB,oBAAoB,CAACmB,SAAS,CAAC;IAE/B,OAAO,MAAM;MACXA,SAAS,CAACM,OAAO,CAAC,CAAC;IACrB,CAAC;EACH,CAAC,EACD,CACE3B,cAAc,EACdI,iBAAiB,EACjBF,oBAAoB,EACpBQ,gBAAgB,EAChBE,SAAS,CAEb,CAAC;EAED,IAAMgB,YAAY,GAAGtD,OAAO,CAC1B,MACEG,QAAQ,CAAC,MAAM;IACb,IAAIkC,MAAM,IAAI,IAAI,IAAIA,MAAM,CAACkB,aAAa,EAAE;MAC1ClB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEmB,UAAU,CAAC,CAAC;IACtB;EACF,CAAC,EAAE1C,eAAe,CAAC,EACrB,CAACuB,MAAM,CACT,CAAC;EAEDhC,iBAAiB,CAAC6B,aAAa,CAACM,OAAO,EAAEc,YAAY,CAAC;EAEtD,oBACEzC,KAAA;IAAK4C,SAAS,EAAC,iCAAiC;IAAAlC,QAAA,gBAC9CZ,IAAA;MAAK8C,SAAS,EAAC,aAAa;MAACC,GAAG,EAAExB;IAAc,CAAE,CAAC,EAClDC,aAAa,IAAIE,MAAM,iBACtB1B,IAAA,CAACF,oBAAoB,CAACkD,QAAQ;MAACC,KAAK,EAAEvB,MAAO;MAAAd,QAAA,eAC3CZ,IAAA,CAACH,eAAe;QACdgB,cAAc,EAAEA,cAAe;QAC/BF,EAAE,EAAEA,EAAG;QACPe,MAAM,EAAEA,MAAO;QACfZ,YAAY,EAAEA,YAAa;QAC3BoC,cAAc,EAAElC,oBAAqB;QACrCE,mBAAmB,EAAEA,mBAAoB;QACzCE,OAAO,EAAEA,OAAQ;QACjBC,SAAS,EAAEA,SAAU;QACrBC,YAAY,EAAEA,YAAa;QAAAV,QAAA,EAE1BA;MAAQ,CACM;IAAC,CACW,CAChC;EAAA,CACE,CAAC;AAEV;AAEA,eAAeH,SAAS"}
+{"version":3,"file":"Dashboard.js","names":["React","useEffect","useMemo","useRef","useState","throttle","GoldenLayout","useResizeObserver","LayoutUtils","PanelPlaceholder","DashboardLayout","LayoutManagerContext","DashboardIdContext","FiberProvider","jsx","_jsx","jsxs","_jsxs","RESIZE_THROTTLE","DEFAULT_CALLBACK","undefined","EMPTY_OBJECT","Object","freeze","Dashboard","_ref","id","children","emptyDashboard","layoutConfig","layoutSettings","onLayoutConfigChange","onGoldenLayoutChange","onLayoutInitialized","fallbackComponent","hydrate","dehydrate","panelWrapper","layoutElement","isInitialized","setIsInitialized","layout","setLayout","initDashboard","current","config","_objectSpread","makeDefaultLayout","settings","assign","content","newLayout","onInit","off","on","setFallbackComponent","init","destroy","handleResize","isInitialised","updateSize","className","ref","Provider","value","onLayoutChange"],"sources":["../src/Dashboard.tsx"],"sourcesContent":["import React, {\n  type ComponentType,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type { ItemConfig } from '@deephaven/golden-layout';\nimport { useResizeObserver } from '@deephaven/react-hooks';\nimport './layout/GoldenLayout.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport PanelPlaceholder from './PanelPlaceholder';\nimport DashboardLayout from './DashboardLayout';\nimport {\n  type PanelDehydrateFunction,\n  type PanelHydrateFunction,\n  type PanelProps,\n} from './DashboardPlugin';\nimport './Dashboard.scss';\nimport { LayoutManagerContext } from './layout';\nimport { DashboardIdContext } from './useDashboardId';\nimport { FiberProvider } from './useFiber';\n\nconst RESIZE_THROTTLE = 100;\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nexport type DashboardProps = {\n  id?: string;\n  children?: React.ReactNode | React.ReactNode[];\n  emptyDashboard?: React.ReactNode;\n  layoutConfig?: ItemConfig[];\n  layoutSettings?: Record<string, unknown>;\n  onLayoutConfigChange?: () => void;\n  onGoldenLayoutChange?: (goldenLayout: GoldenLayout) => void;\n  onLayoutInitialized?: () => void;\n  fallbackComponent?: ForwardRefExoticComponent<\n    PanelProps & RefAttributes<HTMLDivElement>\n  >;\n  hydrate?: PanelHydrateFunction;\n  dehydrate?: PanelDehydrateFunction;\n\n  /** Component to wrap each panel with */\n  panelWrapper?: ComponentType;\n};\n\nexport function Dashboard({\n  id = 'default',\n  children,\n  emptyDashboard,\n  layoutConfig,\n  layoutSettings = EMPTY_OBJECT,\n  onLayoutConfigChange = DEFAULT_CALLBACK,\n  onGoldenLayoutChange = DEFAULT_CALLBACK,\n  onLayoutInitialized = DEFAULT_CALLBACK,\n  fallbackComponent = PanelPlaceholder,\n  hydrate,\n  dehydrate,\n  panelWrapper,\n}: DashboardProps): JSX.Element {\n  const layoutElement = useRef<HTMLDivElement>(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [layout, setLayout] = useState<GoldenLayout>();\n\n  useEffect(\n    function initDashboard() {\n      if (!layoutElement.current) {\n        setLayout(undefined);\n        return;\n      }\n      const config = {\n        ...LayoutUtils.makeDefaultLayout(),\n      };\n      if (config.settings === undefined) {\n        config.settings = {};\n      }\n      Object.assign(config.settings, layoutSettings);\n\n      // Load our content later after plugins have registered\n      config.content = [];\n\n      const newLayout = new GoldenLayout(config, layoutElement.current);\n\n      const onInit = (): void => {\n        newLayout.off('initialised', onInit);\n        setIsInitialized(true);\n      };\n      newLayout.on('initialised', onInit);\n\n      if (fallbackComponent != null) {\n        newLayout.setFallbackComponent(fallbackComponent);\n      }\n\n      newLayout.init();\n\n      setLayout(newLayout);\n\n      onGoldenLayoutChange(newLayout);\n\n      return () => {\n        newLayout.destroy();\n      };\n    },\n    [\n      layoutSettings,\n      fallbackComponent,\n      onGoldenLayoutChange,\n      setIsInitialized,\n      setLayout,\n    ]\n  );\n\n  const handleResize = useMemo(\n    () =>\n      throttle(() => {\n        if (layout != null && layout.isInitialised) {\n          layout?.updateSize();\n        }\n      }, RESIZE_THROTTLE),\n    [layout]\n  );\n\n  useResizeObserver(layoutElement.current, handleResize);\n\n  return (\n    <div className=\"dashboard-container w-100 h-100\">\n      <div className=\"w-100 h-100\" ref={layoutElement} />\n      {isInitialized && layout && (\n        <LayoutManagerContext.Provider value={layout}>\n          <DashboardIdContext.Provider value={id}>\n            <FiberProvider>\n              <DashboardLayout\n                emptyDashboard={emptyDashboard}\n                id={id}\n                layout={layout}\n                layoutConfig={layoutConfig}\n                onLayoutChange={onLayoutConfigChange}\n                onLayoutInitialized={onLayoutInitialized}\n                hydrate={hydrate}\n                dehydrate={dehydrate}\n                panelWrapper={panelWrapper}\n              >\n                {children}\n              </DashboardLayout>\n            </FiberProvider>\n          </DashboardIdContext.Provider>\n        </LayoutManagerContext.Provider>\n      )}\n    </div>\n  );\n}\n\nexport default Dashboard;\n"],"mappings":"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"}

package/dist/DashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAMnB,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,YAAY,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAEV,UAAU,EAEX,MAAM,0BAA0B,CAAC;AAMlC,OAAqB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAWjE,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAE1B,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,qBAAqB,GAAG,UAAU,EAAE,CAAC;AAejD,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IAGX,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,QAAQ,EACR,cAA+C,EAC/C,MAAM,EACN,YAAoC,EACpC,cAAiC,EACjC,mBAAsC,EACtC,OAAwB,EACxB,SAA4B,EAC5B,YAAoC,GACrC,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA+QpC;yBA1Re,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AAuS/B,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAMnB,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,YAAY,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAEV,UAAU,EAEX,MAAM,0BAA0B,CAAC;AAMlC,OAAqB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAWjE,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAE1B,MAAM,mBAAmB,CAAC;AAI3B,MAAM,MAAM,qBAAqB,GAAG,UAAU,EAAE,CAAC;AAejD,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IAGX,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC,wCAAwC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,QAAQ,EACR,cAA+C,EAC/C,MAAM,EACN,YAAoC,EACpC,cAAiC,EACjC,mBAAsC,EACtC,OAAwB,EACxB,SAA4B,EAC5B,YAAoC,GACrC,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkRpC;yBA7Re,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AA0S/B,eAAe,eAAe,CAAC"}

package/dist/DashboardLayout.js

@@ -17,6 +17,7 @@ import PanelEvent from "./PanelEvent.js";
 import { GLPropTypes, useListener } from "./layout/index.js";
 import { getDashboardData, updateDashboardData } from "./redux/index.js";
 import DashboardPanelWrapper from "./DashboardPanelWrapper.js";
+import { PanelIdContext } from "./usePanelId.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -78,20 +79,24 @@ export function DashboardLayout(_ref) {
         glContainer,
         glEventHub
       } = props;
+      var panelId = LayoutUtils.getIdFromContainer(glContainer);
       return /*#__PURE__*/_jsx(PanelErrorBoundary, {
         glContainer: glContainer,
         glEventHub: glEventHub,
-        children: /*#__PURE__*/_jsx(PanelWrapperType, _objectSpread(_objectSpread({}, props), {}, {
-          children: hasRef ?
-          /*#__PURE__*/
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          _jsx(CType, _objectSpread(_objectSpread({}, props), {}, {
-            ref: ref
-          })) :
-          /*#__PURE__*/
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          _jsx(CType, _objectSpread({}, props))
-        }))
+        children: /*#__PURE__*/_jsx(PanelIdContext.Provider, {
+          value: panelId,
+          children: /*#__PURE__*/_jsx(PanelWrapperType, _objectSpread(_objectSpread({}, props), {}, {
+            children: hasRef ?
+            /*#__PURE__*/
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            _jsx(CType, _objectSpread(_objectSpread({}, props), {}, {
+              ref: ref
+            })) :
+            /*#__PURE__*/
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            _jsx(CType, _objectSpread({}, props))
+          }))
+        })
       });
     }
     wrappedComponent.displayName = "DashboardWrapper(".concat((_componentType$displa = componentType.displayName) !== null && _componentType$displa !== void 0 ? _componentType$displa : name, ")");