@deephaven/dashboard 0.72.1-beta.5 → 0.72.1-core-plugins.9

package/dist/DashboardEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardEvents.d.ts","sourceRoot":"","sources":["../src/DashboardEvents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,OAAO;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,CAAC;CACT;AAED,wBAAgB,4BAA4B,CAAC,CAAC,GAAG,OAAO,EACtD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,GAC9C,IAAI,CAEN;AAED,wBAAgB,wBAAwB,CAAC,CAAC,GAAG,OAAO,EAClD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,GAC9C,MAAM,IAAI,CAGZ;AAED,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAC7C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GACjC,IAAI,CAEN"}
+{"version":3,"file":"DashboardEvents.d.ts","sourceRoot":"","sources":["../src/DashboardEvents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,OAAO;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,CAAC;CACT;AAED,wBAAgB,4BAA4B,CAAC,CAAC,GAAG,OAAO,EACtD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,GAC9C,IAAI,CAMN;AAED,wBAAgB,wBAAwB,CAAC,CAAC,GAAG,OAAO,EAClD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,GAC9C,MAAM,IAAI,CAGZ;AAED,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAC7C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GACjC,IAAI,CAEN"}

package/dist/DashboardEvents.js

@@ -1,6 +1,10 @@
 export var CREATE_DASHBOARD = 'CREATE_DASHBOARD';
 export function stopListenForCreateDashboard(eventHub, handler) {
-  eventHub.off(CREATE_DASHBOARD, handler);
+  try {
+    eventHub.off(CREATE_DASHBOARD, handler);
+  } catch (_unused) {
+    // golden-layout throws if the handler is not found. Instead catch it and no-op
+  }
 }
 export function listenForCreateDashboard(eventHub, handler) {
   eventHub.on(CREATE_DASHBOARD, handler);

package/dist/DashboardEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardEvents.js","names":["CREATE_DASHBOARD","stopListenForCreateDashboard","eventHub","handler","off","listenForCreateDashboard","on","emitCreateDashboard","payload","emit"],"sources":["../src/DashboardEvents.ts"],"sourcesContent":["import type { EventHub } from '@deephaven/golden-layout';\n\nexport const CREATE_DASHBOARD = 'CREATE_DASHBOARD';\n\nexport interface CreateDashboardPayload<T = unknown> {\n  pluginId: string;\n  title: string;\n  data: T;\n}\n\nexport function stopListenForCreateDashboard<T = unknown>(\n  eventHub: EventHub,\n  handler: (p: CreateDashboardPayload<T>) => void\n): void {\n  eventHub.off(CREATE_DASHBOARD, handler);\n}\n\nexport function listenForCreateDashboard<T = unknown>(\n  eventHub: EventHub,\n  handler: (p: CreateDashboardPayload<T>) => void\n): () => void {\n  eventHub.on(CREATE_DASHBOARD, handler);\n  return () => stopListenForCreateDashboard(eventHub, handler);\n}\n\nexport function emitCreateDashboard<T = unknown>(\n  eventHub: EventHub,\n  payload: CreateDashboardPayload<T>\n): void {\n  eventHub.emit(CREATE_DASHBOARD, payload);\n}\n"],"mappings":"AAEA,OAAO,IAAMA,gBAAgB,GAAG,kBAAkB;AAQlD,OAAO,SAASC,4BAA4BA,CAC1CC,QAAkB,EAClBC,OAA+C,EACzC;EACND,QAAQ,CAACE,GAAG,CAACJ,gBAAgB,EAAEG,OAAO,CAAC;AACzC;AAEA,OAAO,SAASE,wBAAwBA,CACtCH,QAAkB,EAClBC,OAA+C,EACnC;EACZD,QAAQ,CAACI,EAAE,CAACN,gBAAgB,EAAEG,OAAO,CAAC;EACtC,OAAO,MAAMF,4BAA4B,CAACC,QAAQ,EAAEC,OAAO,CAAC;AAC9D;AAEA,OAAO,SAASI,mBAAmBA,CACjCL,QAAkB,EAClBM,OAAkC,EAC5B;EACNN,QAAQ,CAACO,IAAI,CAACT,gBAAgB,EAAEQ,OAAO,CAAC;AAC1C"}
+{"version":3,"file":"DashboardEvents.js","names":["CREATE_DASHBOARD","stopListenForCreateDashboard","eventHub","handler","off","_unused","listenForCreateDashboard","on","emitCreateDashboard","payload","emit"],"sources":["../src/DashboardEvents.ts"],"sourcesContent":["import type { EventHub } from '@deephaven/golden-layout';\n\nexport const CREATE_DASHBOARD = 'CREATE_DASHBOARD';\n\nexport interface CreateDashboardPayload<T = unknown> {\n  pluginId: string;\n  title: string;\n  data: T;\n}\n\nexport function stopListenForCreateDashboard<T = unknown>(\n  eventHub: EventHub,\n  handler: (p: CreateDashboardPayload<T>) => void\n): void {\n  try {\n    eventHub.off(CREATE_DASHBOARD, handler);\n  } catch {\n    // golden-layout throws if the handler is not found. Instead catch it and no-op\n  }\n}\n\nexport function listenForCreateDashboard<T = unknown>(\n  eventHub: EventHub,\n  handler: (p: CreateDashboardPayload<T>) => void\n): () => void {\n  eventHub.on(CREATE_DASHBOARD, handler);\n  return () => stopListenForCreateDashboard(eventHub, handler);\n}\n\nexport function emitCreateDashboard<T = unknown>(\n  eventHub: EventHub,\n  payload: CreateDashboardPayload<T>\n): void {\n  eventHub.emit(CREATE_DASHBOARD, payload);\n}\n"],"mappings":"AAEA,OAAO,IAAMA,gBAAgB,GAAG,kBAAkB;AAQlD,OAAO,SAASC,4BAA4BA,CAC1CC,QAAkB,EAClBC,OAA+C,EACzC;EACN,IAAI;IACFD,QAAQ,CAACE,GAAG,CAACJ,gBAAgB,EAAEG,OAAO,CAAC;EACzC,CAAC,CAAC,OAAAE,OAAA,EAAM;IACN;EAAA;AAEJ;AAEA,OAAO,SAASC,wBAAwBA,CACtCJ,QAAkB,EAClBC,OAA+C,EACnC;EACZD,QAAQ,CAACK,EAAE,CAACP,gBAAgB,EAAEG,OAAO,CAAC;EACtC,OAAO,MAAMF,4BAA4B,CAACC,QAAQ,EAAEC,OAAO,CAAC;AAC9D;AAEA,OAAO,SAASK,mBAAmBA,CACjCN,QAAkB,EAClBO,OAAkC,EAC5B;EACNP,QAAQ,CAACQ,IAAI,CAACV,gBAAgB,EAAES,OAAO,CAAC;AAC1C"}

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,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAEV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EAErB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,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,CA2PpC;yBAtQe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AAmR/B,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAEV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAMlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EAErB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAerD,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"}

package/dist/DashboardLayout.js

@@ -6,7 +6,8 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import Log from '@deephaven/log';
-import { usePrevious } from '@deephaven/react-hooks';
+import { usePrevious, useThrottledCallback } from '@deephaven/react-hooks';
+import { ErrorBoundary } from '@deephaven/components';
 import { useDispatch, useSelector } from 'react-redux';
 import PanelManager from "./PanelManager.js";
 import PanelErrorBoundary from "./PanelErrorBoundary.js";
@@ -23,6 +24,7 @@ var log = Log.module('DashboardLayout');
 var EMPTY_OBJECT = Object.freeze({});
 var DEFAULT_LAYOUT_CONFIG = [];
 var DEFAULT_CALLBACK = () => undefined;
+var STATE_CHANGE_THROTTLE_MS = 1000;
 
 // If a component isn't registered, just pass through the props so they are saved if a plugin is loaded later
 var FALLBACK_CALLBACK = props => props;
@@ -52,11 +54,6 @@ export function DashboardLayout(_ref) {
   var [lastConfig, setLastConfig] = useState();
   var [initialClosedPanels] = useState((_closed = data === null || data === void 0 ? void 0 : data.closed) !== null && _closed !== void 0 ? _closed : []);
   var [layoutChildren, setLayoutChildren] = useState(layout.getReactChildren());
-
-  // Fire only once after the layout is mounted
-  // This should ensure DashboardPlugins have been mounted
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(() => onLayoutInitialized(), []);
   var hydrateMap = useMemo(() => new Map(), []);
   var dehydrateMap = useMemo(() => new Map(), []);
   var registerComponent = useCallback(function (name, componentType) {
@@ -121,22 +118,30 @@ export function DashboardLayout(_ref) {
       openedMap
     }));
   }), [dehydrateComponent, dispatch, hydrateComponent, id, initialClosedPanels, layout]);
-  var handleLayoutStateChanged = useCallback(() => {
-    // we don't want to emit stateChanges that happen during item drags or else
-    // we risk the last saved state being one without that panel in the layout entirely
-    if (isItemDragging) return;
-    var glConfig = layout.toConfig();
-    var contentConfig = glConfig.content;
-    var dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(contentConfig, dehydrateComponent);
+
+  // Throttle the calls so that we don't flood comparing these layouts
+  var throttledProcessDehydratedLayoutConfig = useThrottledCallback(dehydratedLayoutConfig => {
     var hasChanged = lastConfig == null || !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);
-    log.debug('handleLayoutStateChanged', hasChanged, contentConfig, dehydratedLayoutConfig);
+    log.debug('handleLayoutStateChanged', hasChanged, dehydratedLayoutConfig);
     if (hasChanged) {
       setIsDashboardEmpty(layout.root.contentItems.length === 0);
       setLastConfig(dehydratedLayoutConfig);
       onLayoutChange(dehydratedLayoutConfig);
       setLayoutChildren(layout.getReactChildren());
     }
-  }, [dehydrateComponent, isItemDragging, lastConfig, layout, onLayoutChange]);
+  }, STATE_CHANGE_THROTTLE_MS, {
+    flushOnUnmount: true
+  });
+  useEffect(() => () => throttledProcessDehydratedLayoutConfig.flush(), [throttledProcessDehydratedLayoutConfig]);
+  var handleLayoutStateChanged = useCallback(() => {
+    // we don't want to emit stateChanges that happen during item drags or else
+    // we risk the last saved state being one without that panel in the layout entirely
+    if (isItemDragging) return;
+    var glConfig = layout.toConfig();
+    var contentConfig = glConfig.content;
+    var dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(contentConfig, dehydrateComponent);
+    throttledProcessDehydratedLayoutConfig(dehydratedLayoutConfig);
+  }, [dehydrateComponent, isItemDragging, layout, throttledProcessDehydratedLayoutConfig]);
   var handleLayoutItemPickedUp = useCallback(component => {
     var componentId = LayoutUtils.getIdFromContainer(component);
     layout.eventHub.emit(PanelEvent.DRAGGING, componentId);
@@ -182,12 +187,26 @@ export function DashboardLayout(_ref) {
       setIsDashboardEmpty(layout.root.contentItems.length === 0);
     }
   }, [hydrateComponent, layout, layoutConfig, lastConfig, panelManager, previousLayoutConfig]);
+
+  // This should be the last hook called in this component
+  // Ensures it runs after any other effects on mount
+  // Fire only once after the layout is mounted
+  // This should ensure DashboardPlugins have been mounted
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(() => onLayoutInitialized(), []);
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isDashboardEmpty && emptyDashboard, layoutChildren, React.Children.map(children, child => child != null ? /*#__PURE__*/React.cloneElement(child, {
-      id,
-      layout,
-      panelManager,
-      registerComponent
+    children: [isDashboardEmpty && emptyDashboard, layoutChildren, React.Children.map(children, child => child != null ?
+    /*#__PURE__*/
+    // Have fallback be an empty array so that we don't show the error message over entire app
+    // Look into using toast message in the future
+    _jsx(ErrorBoundary, {
+      fallback: [],
+      children: /*#__PURE__*/React.cloneElement(child, {
+        id,
+        layout,
+        panelManager,
+        registerComponent
+      })
     }) : null)]
   });
 }

package/dist/DashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","useDispatch","useSelector","PanelManager","PanelErrorBoundary","LayoutUtils","canHaveRef","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","DashboardPanelWrapper","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","FALLBACK_CALLBACK","props","DashboardLayout","_ref","_useSelector","_closed","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","panelWrapper","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","layoutChildren","setLayoutChildren","getReactChildren","hydrateMap","Map","dehydrateMap","registerComponent","name","componentType","_componentType$displa","componentHydrate","arguments","length","componentDehydrate","debug2","wrappedComponent","ref","CType","PanelWrapperType","hasRef","glContainer","glEventHub","_objectSpread","displayName","concat","cleanup","forwardRef","set","hydrateComponent","_hydrateMap$get","get","dehydrateComponent","config","_dehydrateMap$get","panelManager","_ref2","openedMap","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydratedLayoutConfig","dehydrateLayoutConfig","hasChanged","isEqual","debug","root","contentItems","handleLayoutItemPickedUp","component","componentId","getIdFromContainer","eventHub","emit","DRAGGING","handleLayoutItemDropped","DROPPED","handleComponentCreated","item","element","cssComponent","replace","toLowerCase","cssClass","addClass","handleReactChildrenChange","TITLE_CHANGED","previousLayoutConfig","loadNewConfig","hydrateLayoutConfig","remove","i","addChild","Children","map","child","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"sources":["../src/DashboardLayout.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  Container,\n  ItemConfigType,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious } from '@deephaven/react-hooks';\nimport { RootState } from '@deephaven/redux';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PanelManager, { ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\n  canHaveRef,\n  dehydrate as dehydrateDefault,\n  hydrate as hydrateDefault,\n} from './DashboardUtils';\nimport PanelEvent from './PanelEvent';\nimport { GLPropTypes, useListener } from './layout';\nimport { getDashboardData, updateDashboardData } from './redux';\nimport {\n  PanelComponentType,\n  PanelDehydrateFunction,\n  PanelHydrateFunction,\n  PanelProps,\n} from './DashboardPlugin';\nimport DashboardPanelWrapper from './DashboardPanelWrapper';\n\nexport type DashboardLayoutConfig = ItemConfigType[];\n\nconst log = Log.module('DashboardLayout');\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nconst DEFAULT_LAYOUT_CONFIG: DashboardLayoutConfig = [];\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\n// If a component isn't registered, just pass through the props so they are saved if a plugin is loaded later\nconst FALLBACK_CALLBACK = (props: unknown): unknown => props;\n\ntype DashboardData = {\n  closed?: ClosedPanels;\n};\n\ninterface DashboardLayoutProps {\n  id: string;\n\n  // Default hydrate/dehydration functions\n  hydrate?: PanelHydrateFunction;\n  dehydrate?: PanelDehydrateFunction;\n  layout: GoldenLayout;\n  layoutConfig?: DashboardLayoutConfig;\n  onLayoutChange?: (dehydratedLayout: DashboardLayoutConfig) => void;\n  onLayoutInitialized?: () => void;\n  data?: DashboardData;\n  children?: React.ReactNode | React.ReactNode[];\n  emptyDashboard?: React.ReactNode;\n\n  /** Component to wrap each panel with */\n  panelWrapper?: ComponentType;\n}\n\n/**\n * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.\n */\nexport function DashboardLayout({\n  id,\n  children,\n  emptyDashboard = <div>Dashboard is empty.</div>,\n  layout,\n  layoutConfig = DEFAULT_LAYOUT_CONFIG,\n  onLayoutChange = DEFAULT_CALLBACK,\n  onLayoutInitialized = DEFAULT_CALLBACK,\n  hydrate = hydrateDefault,\n  dehydrate = dehydrateDefault,\n  panelWrapper = DashboardPanelWrapper,\n}: DashboardLayoutProps): JSX.Element {\n  const dispatch = useDispatch();\n  const data =\n    useSelector<RootState>(state => getDashboardData(state, id)) ??\n    EMPTY_OBJECT;\n\n  const [isDashboardEmpty, setIsDashboardEmpty] = useState(false);\n  const [isItemDragging, setIsItemDragging] = useState(false);\n  const [lastConfig, setLastConfig] = useState<DashboardLayoutConfig>();\n  const [initialClosedPanels] = useState<ReactComponentConfig[] | undefined>(\n    (data as DashboardData)?.closed ?? []\n  );\n  const [layoutChildren, setLayoutChildren] = useState(\n    layout.getReactChildren()\n  );\n\n  // Fire only once after the layout is mounted\n  // This should ensure DashboardPlugins have been mounted\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => onLayoutInitialized(), []);\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const registerComponent = useCallback(\n    (\n      name: string,\n      componentType: PanelComponentType,\n      componentHydrate = hydrate,\n      componentDehydrate = dehydrate\n    ) => {\n      log.debug2(\n        'registerComponent',\n        name,\n        componentType,\n        componentHydrate,\n        componentDehydrate\n      );\n\n      function wrappedComponent(\n        props: PanelProps,\n        ref: React.Ref<unknown>\n      ): JSX.Element {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n        const PanelWrapperType = panelWrapper;\n\n        /**\n         * The ref is used to detect changes to class component state so we\n         * can track changes to panelState. We should opt for more explicit\n         * state changes in the future and in functional components.\n         */\n        const hasRef = canHaveRef(CType);\n\n        // Props supplied by GoldenLayout\n        const { glContainer, glEventHub } = props;\n        return (\n          <PanelErrorBoundary glContainer={glContainer} glEventHub={glEventHub}>\n            {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n            <PanelWrapperType {...props}>\n              {hasRef ? (\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                <CType {...props} ref={ref} />\n              ) : (\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                <CType {...props} />\n              )}\n            </PanelWrapperType>\n          </PanelErrorBoundary>\n        );\n      }\n\n      wrappedComponent.displayName = `DashboardWrapper(${\n        componentType.displayName ?? name\n      })`;\n\n      const cleanup = layout.registerComponent(\n        name,\n        React.forwardRef(wrappedComponent)\n      );\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, panelWrapper]\n  );\n  const hydrateComponent = useCallback(\n    (name, props) => (hydrateMap.get(name) ?? FALLBACK_CALLBACK)(props, id),\n    [hydrateMap, id]\n  );\n  const dehydrateComponent = useCallback(\n    (name, config) => (dehydrateMap.get(name) ?? FALLBACK_CALLBACK)(config, id),\n    [dehydrateMap, id]\n  );\n  const panelManager = useMemo(\n    () =>\n      new PanelManager(\n        layout,\n        hydrateComponent,\n        dehydrateComponent,\n        new Map(),\n        initialClosedPanels,\n        ({ closed, openedMap }) => {\n          dispatch(updateDashboardData(id, { closed, openedMap }));\n        }\n      ),\n    [\n      dehydrateComponent,\n      dispatch,\n      hydrateComponent,\n      id,\n      initialClosedPanels,\n      layout,\n    ]\n  );\n\n  const handleLayoutStateChanged = useCallback(() => {\n    // we don't want to emit stateChanges that happen during item drags or else\n    // we risk the last saved state being one without that panel in the layout entirely\n    if (isItemDragging) return;\n\n    const glConfig = layout.toConfig();\n    const contentConfig = glConfig.content;\n    const dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(\n      contentConfig,\n      dehydrateComponent\n    );\n    const hasChanged =\n      lastConfig == null ||\n      !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);\n\n    log.debug(\n      'handleLayoutStateChanged',\n      hasChanged,\n      contentConfig,\n      dehydratedLayoutConfig\n    );\n\n    if (hasChanged) {\n      setIsDashboardEmpty(layout.root.contentItems.length === 0);\n\n      setLastConfig(dehydratedLayoutConfig);\n\n      onLayoutChange(dehydratedLayoutConfig);\n\n      setLayoutChildren(layout.getReactChildren());\n    }\n  }, [dehydrateComponent, isItemDragging, lastConfig, layout, onLayoutChange]);\n\n  const handleLayoutItemPickedUp = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DRAGGING, componentId);\n      setIsItemDragging(true);\n    },\n    [layout.eventHub]\n  );\n\n  const handleLayoutItemDropped = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DROPPED, componentId);\n      setIsItemDragging(false);\n    },\n    [layout.eventHub]\n  );\n\n  const handleComponentCreated = useCallback(item => {\n    log.debug2('handleComponentCreated', item);\n\n    if (\n      item == null ||\n      item.config == null ||\n      item.config.component == null ||\n      item.element == null\n    ) {\n      return;\n    }\n\n    const cssComponent = item.config.component\n      .replace(/([a-z])([A-Z])/g, '$1-$2')\n      .toLowerCase();\n    const cssClass = `${cssComponent}-component`;\n    item.element.addClass(cssClass);\n  }, []);\n\n  const handleReactChildrenChange = useCallback(() => {\n    setLayoutChildren(layout.getReactChildren());\n  }, [layout]);\n\n  useListener(layout, 'stateChanged', handleLayoutStateChanged);\n  useListener(layout, 'itemPickedUp', handleLayoutItemPickedUp);\n  useListener(layout, 'itemDropped', handleLayoutItemDropped);\n  useListener(layout, 'componentCreated', handleComponentCreated);\n  useListener(\n    layout.eventHub,\n    PanelEvent.TITLE_CHANGED,\n    handleLayoutStateChanged\n  );\n  useListener(layout, 'reactChildrenChanged', handleReactChildrenChange);\n\n  const previousLayoutConfig = usePrevious(layoutConfig);\n  useEffect(\n    function loadNewConfig() {\n      if (\n        previousLayoutConfig !== layoutConfig &&\n        layoutConfig !== lastConfig\n      ) {\n        log.debug('Setting new layout content...');\n        const content = LayoutUtils.hydrateLayoutConfig(\n          layoutConfig,\n          hydrateComponent\n        );\n        // Remove the old layout before add the new one\n        while (layout.root.contentItems.length > 0) {\n          layout.root.contentItems[0].remove();\n        }\n\n        // Add the new content. It is usally just one item from the root\n        for (let i = 0; i < content.length; i += 1) {\n          layout.root.addChild(content[i]);\n        }\n\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n      }\n    },\n    [\n      hydrateComponent,\n      layout,\n      layoutConfig,\n      lastConfig,\n      panelManager,\n      previousLayoutConfig,\n    ]\n  );\n\n  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {layoutChildren}\n      {React.Children.map(children, child =>\n        child != null\n          ? React.cloneElement(child as ReactElement, {\n              id,\n              layout,\n              panelManager,\n              registerComponent,\n            })\n          : null\n      )}\n    </>\n  );\n}\n\nDashboardLayout.propTypes = {\n  id: PropTypes.string.isRequired,\n  children: PropTypes.node,\n  data: PropTypes.shape({}),\n  emptyDashboard: PropTypes.node,\n  layout: GLPropTypes.Layout.isRequired,\n  layoutConfig: PropTypes.arrayOf(PropTypes.shape({})),\n  onLayoutChange: PropTypes.func,\n  onLayoutInitialized: PropTypes.func,\n};\n\nexport default DashboardLayout;\n"],"mappings":"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"}
+{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","useThrottledCallback","ErrorBoundary","useDispatch","useSelector","PanelManager","PanelErrorBoundary","LayoutUtils","canHaveRef","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","DashboardPanelWrapper","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","STATE_CHANGE_THROTTLE_MS","FALLBACK_CALLBACK","props","DashboardLayout","_ref","_useSelector","_closed","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","panelWrapper","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","layoutChildren","setLayoutChildren","getReactChildren","hydrateMap","Map","dehydrateMap","registerComponent","name","componentType","_componentType$displa","componentHydrate","arguments","length","componentDehydrate","debug2","wrappedComponent","ref","CType","PanelWrapperType","hasRef","glContainer","glEventHub","_objectSpread","displayName","concat","cleanup","forwardRef","set","hydrateComponent","_hydrateMap$get","get","dehydrateComponent","config","_dehydrateMap$get","panelManager","_ref2","openedMap","throttledProcessDehydratedLayoutConfig","dehydratedLayoutConfig","hasChanged","isEqual","debug","root","contentItems","flushOnUnmount","flush","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydrateLayoutConfig","handleLayoutItemPickedUp","component","componentId","getIdFromContainer","eventHub","emit","DRAGGING","handleLayoutItemDropped","DROPPED","handleComponentCreated","item","element","cssComponent","replace","toLowerCase","cssClass","addClass","handleReactChildrenChange","TITLE_CHANGED","previousLayoutConfig","loadNewConfig","hydrateLayoutConfig","remove","i","addChild","Children","map","child","fallback","cloneElement","propTypes","string","isRequired","node","shape","Layout","arrayOf","func"],"sources":["../src/DashboardLayout.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  Container,\n  ItemConfigType,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport { usePrevious, useThrottledCallback } from '@deephaven/react-hooks';\nimport { ErrorBoundary } from '@deephaven/components';\nimport { RootState } from '@deephaven/redux';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PanelManager, { ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\n  canHaveRef,\n  dehydrate as dehydrateDefault,\n  hydrate as hydrateDefault,\n} from './DashboardUtils';\nimport PanelEvent from './PanelEvent';\nimport { GLPropTypes, useListener } from './layout';\nimport { getDashboardData, updateDashboardData } from './redux';\nimport {\n  PanelComponentType,\n  PanelDehydrateFunction,\n  PanelHydrateFunction,\n  PanelProps,\n} from './DashboardPlugin';\nimport DashboardPanelWrapper from './DashboardPanelWrapper';\n\nexport type DashboardLayoutConfig = ItemConfigType[];\n\nconst log = Log.module('DashboardLayout');\n\nconst EMPTY_OBJECT = Object.freeze({});\n\nconst DEFAULT_LAYOUT_CONFIG: DashboardLayoutConfig = [];\n\nconst DEFAULT_CALLBACK = (): void => undefined;\n\nconst STATE_CHANGE_THROTTLE_MS = 1000;\n\n// If a component isn't registered, just pass through the props so they are saved if a plugin is loaded later\nconst FALLBACK_CALLBACK = (props: unknown): unknown => props;\n\ntype DashboardData = {\n  closed?: ClosedPanels;\n};\n\ninterface DashboardLayoutProps {\n  id: string;\n\n  // Default hydrate/dehydration functions\n  hydrate?: PanelHydrateFunction;\n  dehydrate?: PanelDehydrateFunction;\n  layout: GoldenLayout;\n  layoutConfig?: DashboardLayoutConfig;\n  onLayoutChange?: (dehydratedLayout: DashboardLayoutConfig) => void;\n  onLayoutInitialized?: () => void;\n  data?: DashboardData;\n  children?: React.ReactNode | React.ReactNode[];\n  emptyDashboard?: React.ReactNode;\n\n  /** Component to wrap each panel with */\n  panelWrapper?: ComponentType;\n}\n\n/**\n * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.\n */\nexport function DashboardLayout({\n  id,\n  children,\n  emptyDashboard = <div>Dashboard is empty.</div>,\n  layout,\n  layoutConfig = DEFAULT_LAYOUT_CONFIG,\n  onLayoutChange = DEFAULT_CALLBACK,\n  onLayoutInitialized = DEFAULT_CALLBACK,\n  hydrate = hydrateDefault,\n  dehydrate = dehydrateDefault,\n  panelWrapper = DashboardPanelWrapper,\n}: DashboardLayoutProps): JSX.Element {\n  const dispatch = useDispatch();\n  const data =\n    useSelector<RootState>(state => getDashboardData(state, id)) ??\n    EMPTY_OBJECT;\n\n  const [isDashboardEmpty, setIsDashboardEmpty] = useState(false);\n  const [isItemDragging, setIsItemDragging] = useState(false);\n  const [lastConfig, setLastConfig] = useState<DashboardLayoutConfig>();\n  const [initialClosedPanels] = useState<ReactComponentConfig[] | undefined>(\n    (data as DashboardData)?.closed ?? []\n  );\n  const [layoutChildren, setLayoutChildren] = useState(\n    layout.getReactChildren()\n  );\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const registerComponent = useCallback(\n    (\n      name: string,\n      componentType: PanelComponentType,\n      componentHydrate = hydrate,\n      componentDehydrate = dehydrate\n    ) => {\n      log.debug2(\n        'registerComponent',\n        name,\n        componentType,\n        componentHydrate,\n        componentDehydrate\n      );\n\n      function wrappedComponent(\n        props: PanelProps,\n        ref: React.Ref<unknown>\n      ): JSX.Element {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n        const PanelWrapperType = panelWrapper;\n\n        /**\n         * The ref is used to detect changes to class component state so we\n         * can track changes to panelState. We should opt for more explicit\n         * state changes in the future and in functional components.\n         */\n        const hasRef = canHaveRef(CType);\n\n        // Props supplied by GoldenLayout\n        const { glContainer, glEventHub } = props;\n        return (\n          <PanelErrorBoundary glContainer={glContainer} glEventHub={glEventHub}>\n            {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n            <PanelWrapperType {...props}>\n              {hasRef ? (\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                <CType {...props} ref={ref} />\n              ) : (\n                // eslint-disable-next-line react/jsx-props-no-spreading\n                <CType {...props} />\n              )}\n            </PanelWrapperType>\n          </PanelErrorBoundary>\n        );\n      }\n\n      wrappedComponent.displayName = `DashboardWrapper(${\n        componentType.displayName ?? name\n      })`;\n\n      const cleanup = layout.registerComponent(\n        name,\n        React.forwardRef(wrappedComponent)\n      );\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, panelWrapper]\n  );\n  const hydrateComponent = useCallback(\n    (name, props) => (hydrateMap.get(name) ?? FALLBACK_CALLBACK)(props, id),\n    [hydrateMap, id]\n  );\n  const dehydrateComponent = useCallback(\n    (name, config) => (dehydrateMap.get(name) ?? FALLBACK_CALLBACK)(config, id),\n    [dehydrateMap, id]\n  );\n  const panelManager = useMemo(\n    () =>\n      new PanelManager(\n        layout,\n        hydrateComponent,\n        dehydrateComponent,\n        new Map(),\n        initialClosedPanels,\n        ({ closed, openedMap }) => {\n          dispatch(updateDashboardData(id, { closed, openedMap }));\n        }\n      ),\n    [\n      dehydrateComponent,\n      dispatch,\n      hydrateComponent,\n      id,\n      initialClosedPanels,\n      layout,\n    ]\n  );\n\n  // Throttle the calls so that we don't flood comparing these layouts\n  const throttledProcessDehydratedLayoutConfig = useThrottledCallback(\n    (dehydratedLayoutConfig: DashboardLayoutConfig) => {\n      const hasChanged =\n        lastConfig == null ||\n        !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);\n\n      log.debug('handleLayoutStateChanged', hasChanged, dehydratedLayoutConfig);\n\n      if (hasChanged) {\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n\n        setLastConfig(dehydratedLayoutConfig);\n\n        onLayoutChange(dehydratedLayoutConfig);\n\n        setLayoutChildren(layout.getReactChildren());\n      }\n    },\n    STATE_CHANGE_THROTTLE_MS,\n    { flushOnUnmount: true }\n  );\n\n  useEffect(\n    () => () => throttledProcessDehydratedLayoutConfig.flush(),\n    [throttledProcessDehydratedLayoutConfig]\n  );\n\n  const handleLayoutStateChanged = useCallback(() => {\n    // we don't want to emit stateChanges that happen during item drags or else\n    // we risk the last saved state being one without that panel in the layout entirely\n    if (isItemDragging) return;\n\n    const glConfig = layout.toConfig();\n    const contentConfig = glConfig.content;\n    const dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(\n      contentConfig,\n      dehydrateComponent\n    );\n    throttledProcessDehydratedLayoutConfig(dehydratedLayoutConfig);\n  }, [\n    dehydrateComponent,\n    isItemDragging,\n    layout,\n    throttledProcessDehydratedLayoutConfig,\n  ]);\n\n  const handleLayoutItemPickedUp = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DRAGGING, componentId);\n      setIsItemDragging(true);\n    },\n    [layout.eventHub]\n  );\n\n  const handleLayoutItemDropped = useCallback(\n    (component: Container) => {\n      const componentId = LayoutUtils.getIdFromContainer(component);\n      layout.eventHub.emit(PanelEvent.DROPPED, componentId);\n      setIsItemDragging(false);\n    },\n    [layout.eventHub]\n  );\n\n  const handleComponentCreated = useCallback(item => {\n    log.debug2('handleComponentCreated', item);\n\n    if (\n      item == null ||\n      item.config == null ||\n      item.config.component == null ||\n      item.element == null\n    ) {\n      return;\n    }\n\n    const cssComponent = item.config.component\n      .replace(/([a-z])([A-Z])/g, '$1-$2')\n      .toLowerCase();\n    const cssClass = `${cssComponent}-component`;\n    item.element.addClass(cssClass);\n  }, []);\n\n  const handleReactChildrenChange = useCallback(() => {\n    setLayoutChildren(layout.getReactChildren());\n  }, [layout]);\n\n  useListener(layout, 'stateChanged', handleLayoutStateChanged);\n  useListener(layout, 'itemPickedUp', handleLayoutItemPickedUp);\n  useListener(layout, 'itemDropped', handleLayoutItemDropped);\n  useListener(layout, 'componentCreated', handleComponentCreated);\n  useListener(\n    layout.eventHub,\n    PanelEvent.TITLE_CHANGED,\n    handleLayoutStateChanged\n  );\n  useListener(layout, 'reactChildrenChanged', handleReactChildrenChange);\n\n  const previousLayoutConfig = usePrevious(layoutConfig);\n  useEffect(\n    function loadNewConfig() {\n      if (\n        previousLayoutConfig !== layoutConfig &&\n        layoutConfig !== lastConfig\n      ) {\n        log.debug('Setting new layout content...');\n        const content = LayoutUtils.hydrateLayoutConfig(\n          layoutConfig,\n          hydrateComponent\n        );\n        // Remove the old layout before add the new one\n        while (layout.root.contentItems.length > 0) {\n          layout.root.contentItems[0].remove();\n        }\n\n        // Add the new content. It is usally just one item from the root\n        for (let i = 0; i < content.length; i += 1) {\n          layout.root.addChild(content[i]);\n        }\n\n        setIsDashboardEmpty(layout.root.contentItems.length === 0);\n      }\n    },\n    [\n      hydrateComponent,\n      layout,\n      layoutConfig,\n      lastConfig,\n      panelManager,\n      previousLayoutConfig,\n    ]\n  );\n\n  // This should be the last hook called in this component\n  // Ensures it runs after any other effects on mount\n  // Fire only once after the layout is mounted\n  // This should ensure DashboardPlugins have been mounted\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => onLayoutInitialized(), []);\n\n  return (\n    <>\n      {isDashboardEmpty && emptyDashboard}\n      {layoutChildren}\n      {React.Children.map(children, child =>\n        child != null ? (\n          // Have fallback be an empty array so that we don't show the error message over entire app\n          // Look into using toast message in the future\n          <ErrorBoundary fallback={[]}>\n            {React.cloneElement(child as ReactElement, {\n              id,\n              layout,\n              panelManager,\n              registerComponent,\n            })}\n          </ErrorBoundary>\n        ) : null\n      )}\n    </>\n  );\n}\n\nDashboardLayout.propTypes = {\n  id: PropTypes.string.isRequired,\n  children: PropTypes.node,\n  data: PropTypes.shape({}),\n  emptyDashboard: PropTypes.node,\n  layout: GLPropTypes.Layout.isRequired,\n  layoutConfig: PropTypes.arrayOf(PropTypes.shape({})),\n  onLayoutChange: PropTypes.func,\n  onLayoutInitialized: PropTypes.func,\n};\n\nexport default DashboardLayout;\n"],"mappings":"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"}

package/dist/DashboardPlugin.d.ts

@@ -4,6 +4,7 @@ import GoldenLayout from '@deephaven/golden-layout';
 import type { GLPanelProps, ReactComponentConfig } from '@deephaven/golden-layout';
 import PanelManager from './PanelManager';
 import { WidgetDescriptor } from './PanelEvent';
+export { isWrappedComponent } from '@deephaven/components';
 /**
  * Panel components can provide static props that provide meta data about the
  * panel.
@@ -27,7 +28,6 @@ type ForwardRefComponentType<P, R> = ForwardRefExoticComponent<PropsWithoutRef<P
 export type PanelFunctionComponentType<P, R> = ForwardRefComponentType<P, R> & PanelStaticMetaData;
 export type WrappedComponentType<P extends PanelProps, C extends ComponentType<P>> = ConnectedComponent<C, P>;
 export type PanelComponentType<P extends PanelProps = PanelProps, C extends ComponentType<P> = ComponentType<P>> = (ComponentType<P> | WrappedComponentType<P, C>) & PanelStaticMetaData;
-export declare function isWrappedComponent<P extends PanelProps, C extends ComponentType<P>>(type: PanelComponentType<P, C>): type is WrappedComponentType<P, C>;
 export type PanelMetadata = Partial<WidgetDescriptor>;
 export type PanelProps = GLPanelProps & {
     metadata?: PanelMetadata;
@@ -76,5 +76,4 @@ export type DashboardPluginComponentProps = {
  */
 export declare function isDashboardPluginProps(props: Partial<DashboardPluginComponentProps>): props is DashboardPluginComponentProps;
 export declare function assertIsDashboardPluginProps(props: Partial<DashboardPluginComponentProps>): asserts props is DashboardPluginComponentProps;
-export {};
 //# sourceMappingURL=DashboardPlugin.d.ts.map

package/dist/DashboardPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPlugin.d.ts","sourceRoot":"","sources":["../src/DashboardPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,yBAAyB,EACzB,eAAe,EACf,aAAa,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAC5D,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CACtC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1E,mBAAmB,CAAC;AAEtB,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,UAAU,EACpB,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,IACxB,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7B,MAAM,MAAM,kBAAkB,CAC5B,CAAC,SAAS,UAAU,GAAG,UAAU,EACjC,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,IAC3C,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC;AAE1E,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,UAAU,EACpB,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,EAC1B,IAAI,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,IAAI,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAEpE;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,YAAY,CAAC,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,mBAAmB,CAAC;AAEnE,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,GAC9D,mBAAmB,CAAC;AAEtB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,IACxD,SAAS,CAAC,CAAC,CAAC,GACZ;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAAG;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,cAAc,EAAE,IAAI,CAAC;IACrB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,2BAA2B,GAAG,MAAM,IAAI,CAAC;AAErD,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,6BAA6B,GAAG,6BAA6B,EACvE,CAAC,SAAS,CAAC,GAAG,CAAC,IACb,CAAC,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG,CACnC,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,MAAM,KAChB,WAAW,GAAG,IAAI,CAAC;AAExB,MAAM,MAAM,6BAA6B,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,CACjB,CAAC,SAAS,mBAAmB,EAC7B,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,EAE1B,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,EACvC,OAAO,CAAC,EAAE,oBAAoB,EAC9B,SAAS,CAAC,EAAE,sBAAsB,KAC/B,2BAA2B,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,OAAO,CAAC,6BAA6B,CAAC,GAC5C,KAAK,IAAI,6BAA6B,CAOxC;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,OAAO,CAAC,6BAA6B,CAAC,GAC5C,OAAO,CAAC,KAAK,IAAI,6BAA6B,CAMhD"}
+{"version":3,"file":"DashboardPlugin.d.ts","sourceRoot":"","sources":["../src/DashboardPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,yBAAyB,EACzB,eAAe,EACf,aAAa,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,yBAAyB,CAC5D,eAAe,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CACtC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,CAAC,CAAC,EAAE,CAAC,IAAI,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1E,mBAAmB,CAAC;AAEtB,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,UAAU,EACpB,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,IACxB,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7B,MAAM,MAAM,kBAAkB,CAC5B,CAAC,SAAS,UAAU,GAAG,UAAU,EACjC,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,IAC3C,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG;IACtC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,YAAY,CAAC,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,mBAAmB,CAAC;AAEnE,MAAM,MAAM,6BAA6B,GAAG,oBAAoB,GAC9D,mBAAmB,CAAC;AAEtB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,IACxD,SAAS,CAAC,CAAC,CAAC,GACZ;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAAG;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,cAAc,EAAE,IAAI,CAAC;IACrB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,2BAA2B,GAAG,MAAM,IAAI,CAAC;AAErD,MAAM,MAAM,oBAAoB,CAC9B,CAAC,SAAS,6BAA6B,GAAG,6BAA6B,EACvE,CAAC,SAAS,CAAC,GAAG,CAAC,IACb,CAAC,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG,CACnC,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,MAAM,KAChB,WAAW,GAAG,IAAI,CAAC;AAExB,MAAM,MAAM,6BAA6B,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,CACjB,CAAC,SAAS,mBAAmB,EAC7B,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,EAE1B,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,EACvC,OAAO,CAAC,EAAE,oBAAoB,EAC9B,SAAS,CAAC,EAAE,sBAAsB,KAC/B,2BAA2B,CAAC;CAClC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,OAAO,CAAC,6BAA6B,CAAC,GAC5C,KAAK,IAAI,6BAA6B,CAOxC;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,OAAO,CAAC,6BAA6B,CAAC,GAC5C,OAAO,CAAC,KAAK,IAAI,6BAA6B,CAMhD"}

package/dist/DashboardPlugin.js

@@ -1,18 +1,20 @@
 import GoldenLayout from '@deephaven/golden-layout';
 import PanelManager from "./PanelManager.js";
+export { isWrappedComponent } from '@deephaven/components';
+
 /**
  * Panel components can provide static props that provide meta data about the
  * panel.
  */
+
 /**
  * Alias for the return type of React.forwardRef()
  */
+
 /**
  * @deprecated Use `PanelComponentType` instead and add generic types to forwardRef call.
  */
-export function isWrappedComponent(type) {
-  return (type === null || type === void 0 ? void 0 : type.WrappedComponent) !== undefined;
-}
+
 /**
  * Takes a partial DashboardPluginComponentProps and verifies all the dashboard component fields are filled in.
  * @param props The props to check

package/dist/DashboardPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPlugin.js","names":["GoldenLayout","PanelManager","isWrappedComponent","type","WrappedComponent","undefined","isDashboardPluginProps","props","id","layout","panelManager","registerComponent","assertIsDashboardPluginProps","Error","concat"],"sources":["../src/DashboardPlugin.ts"],"sourcesContent":["import type {\n  Component,\n  ComponentType,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react';\nimport { ConnectedComponent } from 'react-redux';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  GLPanelProps,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport PanelManager from './PanelManager';\nimport { WidgetDescriptor } from './PanelEvent';\n\n/**\n * Panel components can provide static props that provide meta data about the\n * panel.\n */\nexport interface PanelStaticMetaData {\n  /**\n   * Should be set to the same name as the component type.\n   * @deprecated Use `displayName` instead.\n   */\n  COMPONENT?: string;\n\n  /** Title of the panel. */\n  TITLE?: string;\n}\n\n/**\n * Alias for the return type of React.forwardRef()\n */\ntype ForwardRefComponentType<P, R> = ForwardRefExoticComponent<\n  PropsWithoutRef<P> & RefAttributes<R>\n>;\n\n/**\n * @deprecated Use `PanelComponentType` instead and add generic types to forwardRef call.\n */\nexport type PanelFunctionComponentType<P, R> = ForwardRefComponentType<P, R> &\n  PanelStaticMetaData;\n\nexport type WrappedComponentType<\n  P extends PanelProps,\n  C extends ComponentType<P>,\n> = ConnectedComponent<C, P>;\n\nexport type PanelComponentType<\n  P extends PanelProps = PanelProps,\n  C extends ComponentType<P> = ComponentType<P>,\n> = (ComponentType<P> | WrappedComponentType<P, C>) & PanelStaticMetaData;\n\nexport function isWrappedComponent<\n  P extends PanelProps,\n  C extends ComponentType<P>,\n>(type: PanelComponentType<P, C>): type is WrappedComponentType<P, C> {\n  return (type as WrappedComponentType<P, C>)?.WrappedComponent !== undefined;\n}\n\nexport type PanelMetadata = Partial<WidgetDescriptor>;\n\nexport type PanelProps = GLPanelProps & {\n  metadata?: PanelMetadata;\n  panelState?: unknown;\n};\n\nexport type DehydratedPanelProps = Omit<PanelProps, keyof GLPanelProps>;\n\nexport type LocalDashboardProps = { localDashboardId: string };\n\nexport type DashboardPanelProps = PanelProps & LocalDashboardProps;\n\nexport type DehydratedDashboardPanelProps = DehydratedPanelProps &\n  LocalDashboardProps;\n\nexport type PanelComponent<T extends PanelProps = PanelProps> =\n  | Component<T>\n  | { props: T; state: unknown };\n\nexport type PanelConfig = ReactComponentConfig & {\n  componentState?: Record<string, unknown> | null;\n};\n\nexport type DehydratedPanelConfig = PanelConfig & {\n  componentState: null;\n  props: DehydratedPanelProps;\n  type: 'react-component';\n};\n\nexport type DashboardConfig = {\n  id: string;\n  layout: GoldenLayout;\n  panelManager: PanelManager;\n};\n\nexport interface DashboardPanelDefinition {\n  name: string;\n  definition: ComponentType;\n}\n\nexport type DeregisterComponentFunction = () => void;\n\nexport type PanelHydrateFunction<\n  T extends DehydratedDashboardPanelProps = DehydratedDashboardPanelProps,\n  R extends T = T,\n> = (props: T, dashboardId: string) => R;\n\nexport type PanelDehydrateFunction = (\n  config: PanelConfig,\n  dashboardId: string\n) => PanelConfig | null;\n\nexport type DashboardPluginComponentProps = {\n  id: string;\n  layout: GoldenLayout;\n  panelManager: PanelManager;\n  registerComponent: <\n    P extends DashboardPanelProps,\n    C extends ComponentType<P>,\n  >(\n    name: string,\n    ComponentType: PanelComponentType<P, C>,\n    hydrate?: PanelHydrateFunction,\n    dehydrate?: PanelDehydrateFunction\n  ) => DeregisterComponentFunction;\n};\n\n/**\n * Takes a partial DashboardPluginComponentProps and verifies all the dashboard component fields are filled in.\n * @param props The props to check\n * @returns True if the props are valid DashboardPluginComponentProps, false otherwise\n */\nexport function isDashboardPluginProps(\n  props: Partial<DashboardPluginComponentProps>\n): props is DashboardPluginComponentProps {\n  return (\n    typeof props.id === 'string' &&\n    props.layout instanceof GoldenLayout &&\n    props.panelManager instanceof PanelManager &&\n    typeof props.registerComponent === 'function'\n  );\n}\n\nexport function assertIsDashboardPluginProps(\n  props: Partial<DashboardPluginComponentProps>\n): asserts props is DashboardPluginComponentProps {\n  if (!isDashboardPluginProps(props)) {\n    throw new Error(\n      `Expected dashboard plugin props, but instead received ${props}`\n    );\n  }\n}\n"],"mappings":"AAQA,OAAOA,YAAY,MAAM,0BAA0B;AAAC,OAK7CC,YAAY;AAGnB;AACA;AACA;AACA;AAYA;AACA;AACA;AAKA;AACA;AACA;AAcA,OAAO,SAASC,kBAAkBA,CAGhCC,IAA8B,EAAsC;EACpE,OAAO,CAACA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAiCC,gBAAgB,MAAKC,SAAS;AAC7E;AAsEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CACpCC,KAA6C,EACL;EACxC,OACE,OAAOA,KAAK,CAACC,EAAE,KAAK,QAAQ,IAC5BD,KAAK,CAACE,MAAM,YAAYT,YAAY,IACpCO,KAAK,CAACG,YAAY,YAAYT,YAAY,IAC1C,OAAOM,KAAK,CAACI,iBAAiB,KAAK,UAAU;AAEjD;AAEA,OAAO,SAASC,4BAA4BA,CAC1CL,KAA6C,EACG;EAChD,IAAI,CAACD,sBAAsB,CAACC,KAAK,CAAC,EAAE;IAClC,MAAM,IAAIM,KAAK,0DAAAC,MAAA,CAC4CP,KAAK,CAChE,CAAC;EACH;AACF"}
+{"version":3,"file":"DashboardPlugin.js","names":["GoldenLayout","PanelManager","isWrappedComponent","isDashboardPluginProps","props","id","layout","panelManager","registerComponent","assertIsDashboardPluginProps","Error","concat"],"sources":["../src/DashboardPlugin.ts"],"sourcesContent":["import type {\n  Component,\n  ComponentType,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react';\nimport { ConnectedComponent } from 'react-redux';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  GLPanelProps,\n  ReactComponentConfig,\n} from '@deephaven/golden-layout';\nimport PanelManager from './PanelManager';\nimport { WidgetDescriptor } from './PanelEvent';\n\nexport { isWrappedComponent } from '@deephaven/components';\n\n/**\n * Panel components can provide static props that provide meta data about the\n * panel.\n */\nexport interface PanelStaticMetaData {\n  /**\n   * Should be set to the same name as the component type.\n   * @deprecated Use `displayName` instead.\n   */\n  COMPONENT?: string;\n\n  /** Title of the panel. */\n  TITLE?: string;\n}\n\n/**\n * Alias for the return type of React.forwardRef()\n */\ntype ForwardRefComponentType<P, R> = ForwardRefExoticComponent<\n  PropsWithoutRef<P> & RefAttributes<R>\n>;\n\n/**\n * @deprecated Use `PanelComponentType` instead and add generic types to forwardRef call.\n */\nexport type PanelFunctionComponentType<P, R> = ForwardRefComponentType<P, R> &\n  PanelStaticMetaData;\n\nexport type WrappedComponentType<\n  P extends PanelProps,\n  C extends ComponentType<P>,\n> = ConnectedComponent<C, P>;\n\nexport type PanelComponentType<\n  P extends PanelProps = PanelProps,\n  C extends ComponentType<P> = ComponentType<P>,\n> = (ComponentType<P> | WrappedComponentType<P, C>) & PanelStaticMetaData;\n\nexport type PanelMetadata = Partial<WidgetDescriptor>;\n\nexport type PanelProps = GLPanelProps & {\n  metadata?: PanelMetadata;\n  panelState?: unknown;\n};\n\nexport type DehydratedPanelProps = Omit<PanelProps, keyof GLPanelProps>;\n\nexport type LocalDashboardProps = { localDashboardId: string };\n\nexport type DashboardPanelProps = PanelProps & LocalDashboardProps;\n\nexport type DehydratedDashboardPanelProps = DehydratedPanelProps &\n  LocalDashboardProps;\n\nexport type PanelComponent<T extends PanelProps = PanelProps> =\n  | Component<T>\n  | { props: T; state: unknown };\n\nexport type PanelConfig = ReactComponentConfig & {\n  componentState?: Record<string, unknown> | null;\n};\n\nexport type DehydratedPanelConfig = PanelConfig & {\n  componentState: null;\n  props: DehydratedPanelProps;\n  type: 'react-component';\n};\n\nexport type DashboardConfig = {\n  id: string;\n  layout: GoldenLayout;\n  panelManager: PanelManager;\n};\n\nexport interface DashboardPanelDefinition {\n  name: string;\n  definition: ComponentType;\n}\n\nexport type DeregisterComponentFunction = () => void;\n\nexport type PanelHydrateFunction<\n  T extends DehydratedDashboardPanelProps = DehydratedDashboardPanelProps,\n  R extends T = T,\n> = (props: T, dashboardId: string) => R;\n\nexport type PanelDehydrateFunction = (\n  config: PanelConfig,\n  dashboardId: string\n) => PanelConfig | null;\n\nexport type DashboardPluginComponentProps = {\n  id: string;\n  layout: GoldenLayout;\n  panelManager: PanelManager;\n  registerComponent: <\n    P extends DashboardPanelProps,\n    C extends ComponentType<P>,\n  >(\n    name: string,\n    ComponentType: PanelComponentType<P, C>,\n    hydrate?: PanelHydrateFunction,\n    dehydrate?: PanelDehydrateFunction\n  ) => DeregisterComponentFunction;\n};\n\n/**\n * Takes a partial DashboardPluginComponentProps and verifies all the dashboard component fields are filled in.\n * @param props The props to check\n * @returns True if the props are valid DashboardPluginComponentProps, false otherwise\n */\nexport function isDashboardPluginProps(\n  props: Partial<DashboardPluginComponentProps>\n): props is DashboardPluginComponentProps {\n  return (\n    typeof props.id === 'string' &&\n    props.layout instanceof GoldenLayout &&\n    props.panelManager instanceof PanelManager &&\n    typeof props.registerComponent === 'function'\n  );\n}\n\nexport function assertIsDashboardPluginProps(\n  props: Partial<DashboardPluginComponentProps>\n): asserts props is DashboardPluginComponentProps {\n  if (!isDashboardPluginProps(props)) {\n    throw new Error(\n      `Expected dashboard plugin props, but instead received ${props}`\n    );\n  }\n}\n"],"mappings":"AAQA,OAAOA,YAAY,MAAM,0BAA0B;AAAC,OAK7CC,YAAY;AAGnB,SAASC,kBAAkB,QAAQ,uBAAuB;;AAE1D;AACA;AACA;AACA;;AAYA;AACA;AACA;;AAKA;AACA;AACA;;AAkFA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CACpCC,KAA6C,EACL;EACxC,OACE,OAAOA,KAAK,CAACC,EAAE,KAAK,QAAQ,IAC5BD,KAAK,CAACE,MAAM,YAAYN,YAAY,IACpCI,KAAK,CAACG,YAAY,YAAYN,YAAY,IAC1C,OAAOG,KAAK,CAACI,iBAAiB,KAAK,UAAU;AAEjD;AAEA,OAAO,SAASC,4BAA4BA,CAC1CL,KAA6C,EACG;EAChD,IAAI,CAACD,sBAAsB,CAACC,KAAK,CAAC,EAAE;IAClC,MAAM,IAAIM,KAAK,0DAAAC,MAAA,CAC4CP,KAAK,CAChE,CAAC;EACH;AACF"}

package/dist/DashboardUtils.d.ts

@@ -1,4 +1,5 @@
-import { DehydratedDashboardPanelProps, DehydratedPanelConfig, PanelComponentType, PanelConfig } from './DashboardPlugin';
+import { DehydratedDashboardPanelProps, DehydratedPanelConfig, PanelConfig } from './DashboardPlugin';
+export { canHaveRef } from '@deephaven/components';
 /**
  * Dehydrate an existing panel to allow it to be serialized/saved.
  * Just takes what's in the panels `metadata` in the props and `panelState` in
@@ -15,13 +16,6 @@ export declare function dehydrate(config: PanelConfig): DehydratedPanelConfig;
  * @returns The hydrated panel props
  */
 export declare function hydrate<T extends DehydratedDashboardPanelProps>(props: T, localDashboardId?: string): T;
-/**
- * Checks if a panel component can take a ref. Helps silence react dev errors
- * if a ref is passed to a functional component without forwardRef.
- * @param component The panel component to check if it can take a ref
- * @returns Wheter the component can take a ref or not
- */
-export declare function canHaveRef(component: PanelComponentType): boolean;
 declare const _default: {
     dehydrate: typeof dehydrate;
     hydrate: typeof hydrate;

package/dist/DashboardUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardUtils.d.ts","sourceRoot":"","sources":["../src/DashboardUtils.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,6BAA6B,EAC7B,qBAAqB,EAErB,kBAAkB,EAClB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,qBAAqB,CAqBpE;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,6BAA6B,EAC7D,KAAK,EAAE,CAAC,EACR,gBAAgB,SAAK,GACpB,CAAC,CAKH;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,kBAAkB,GAAG,OAAO,CAejE;;;;;AAED,wBAGE"}
+{"version":3,"file":"DashboardUtils.d.ts","sourceRoot":"","sources":["../src/DashboardUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,6BAA6B,EAC7B,qBAAqB,EACrB,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,qBAAqB,CAqBpE;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,6BAA6B,EAC7D,KAAK,EAAE,CAAC,EACR,gBAAgB,SAAK,GACpB,CAAC,CAKH;;;;;AAED,wBAGE"}

package/dist/DashboardUtils.js

@@ -3,8 +3,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { ForwardRef } from 'react-is';
-import { isWrappedComponent } from "./DashboardPlugin.js";
+export { canHaveRef } from '@deephaven/components';
+
 /**
  * Dehydrate an existing panel to allow it to be serialized/saved.
  * Just takes what's in the panels `metadata` in the props and `panelState` in
@@ -55,19 +55,6 @@ export function hydrate(props) {
     localDashboardId
   });
 }
-
-/**
- * Checks if a panel component can take a ref. Helps silence react dev errors
- * if a ref is passed to a functional component without forwardRef.
- * @param component The panel component to check if it can take a ref
- * @returns Wheter the component can take a ref or not
- */
-export function canHaveRef(component) {
-  // Might be a redux connect wrapped component
-  var isClassComponent = isWrappedComponent(component) && component.WrappedComponent.prototype != null && component.WrappedComponent.prototype.isReactComponent != null || component.prototype != null && component.prototype.isReactComponent != null;
-  var isForwardRef = !isWrappedComponent(component) && '$$typeof' in component && component.$$typeof === ForwardRef;
-  return isClassComponent || isForwardRef;
-}
 export default {
   dehydrate,
   hydrate

package/dist/DashboardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardUtils.js","names":["ForwardRef","isWrappedComponent","dehydrate","config","props","componentState","metadata","panelState","newProps","_objectSpread","type","hydrate","localDashboardId","arguments","length","undefined","canHaveRef","component","isClassComponent","WrappedComponent","prototype","isReactComponent","isForwardRef","$$typeof"],"sources":["../src/DashboardUtils.tsx"],"sourcesContent":["import { ForwardRef } from 'react-is';\nimport {\n  DehydratedDashboardPanelProps,\n  DehydratedPanelConfig,\n  isWrappedComponent,\n  PanelComponentType,\n  PanelConfig,\n} from './DashboardPlugin';\n\n/**\n * Dehydrate an existing panel to allow it to be serialized/saved.\n * Just takes what's in the panels `metadata` in the props and `panelState` in\n * the component state, assumes it's serializable, and saves it.\n * @param config The panel config to dehydrate\n * @returns The dehydrated PanelConfig\n */\nexport function dehydrate(config: PanelConfig): DehydratedPanelConfig {\n  const { props, componentState } = config;\n  const { metadata } = props;\n  let { panelState = null } = props;\n  if (componentState) {\n    ({ panelState } = componentState);\n  }\n  const newProps: Record<string, unknown> = {};\n  if (metadata != null) {\n    newProps.metadata = metadata;\n  }\n  if (panelState != null) {\n    newProps.panelState = panelState;\n  }\n\n  return {\n    ...config,\n    componentState: null,\n    props: newProps,\n    type: 'react-component',\n  };\n}\n\n/**\n * Default hydration function. Just applies the dashboard ID. When used with dehydrate above,\n * the panels state will be stored in `panelState` prop.\n * @param props Panel props to hydrate\n * @param localDashboardId The local dashboard ID to hydrate the panel with\n * @returns The hydrated panel props\n */\nexport function hydrate<T extends DehydratedDashboardPanelProps>(\n  props: T,\n  localDashboardId = ''\n): T {\n  return {\n    ...props,\n    localDashboardId,\n  };\n}\n\n/**\n * Checks if a panel component can take a ref. Helps silence react dev errors\n * if a ref is passed to a functional component without forwardRef.\n * @param component The panel component to check if it can take a ref\n * @returns Wheter the component can take a ref or not\n */\nexport function canHaveRef(component: PanelComponentType): boolean {\n  // Might be a redux connect wrapped component\n  const isClassComponent =\n    (isWrappedComponent(component) &&\n      component.WrappedComponent.prototype != null &&\n      component.WrappedComponent.prototype.isReactComponent != null) ||\n    (component.prototype != null &&\n      component.prototype.isReactComponent != null);\n\n  const isForwardRef =\n    !isWrappedComponent(component) &&\n    '$$typeof' in component &&\n    component.$$typeof === ForwardRef;\n\n  return isClassComponent || isForwardRef;\n}\n\nexport default {\n  dehydrate,\n  hydrate,\n};\n"],"mappings":";;;;;AAAA,SAASA,UAAU,QAAQ,UAAU;AAAC,SAIpCC,kBAAkB;AAKpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,MAAmB,EAAyB;EACpE,IAAM;IAAEC,KAAK;IAAEC;EAAe,CAAC,GAAGF,MAAM;EACxC,IAAM;IAAEG;EAAS,CAAC,GAAGF,KAAK;EAC1B,IAAI;IAAEG,UAAU,GAAG;EAAK,CAAC,GAAGH,KAAK;EACjC,IAAIC,cAAc,EAAE;IAClB,CAAC;MAAEE;IAAW,CAAC,GAAGF,cAAc;EAClC;EACA,IAAMG,QAAiC,GAAG,CAAC,CAAC;EAC5C,IAAIF,QAAQ,IAAI,IAAI,EAAE;IACpBE,QAAQ,CAACF,QAAQ,GAAGA,QAAQ;EAC9B;EACA,IAAIC,UAAU,IAAI,IAAI,EAAE;IACtBC,QAAQ,CAACD,UAAU,GAAGA,UAAU;EAClC;EAEA,OAAAE,aAAA,CAAAA,aAAA,KACKN,MAAM;IACTE,cAAc,EAAE,IAAI;IACpBD,KAAK,EAAEI,QAAQ;IACfE,IAAI,EAAE;EAAiB;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CACrBP,KAAQ,EAEL;EAAA,IADHQ,gBAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAErB,OAAAJ,aAAA,CAAAA,aAAA,KACKL,KAAK;IACRQ;EAAgB;AAEpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,UAAUA,CAACC,SAA6B,EAAW;EACjE;EACA,IAAMC,gBAAgB,GACnBjB,kBAAkB,CAACgB,SAAS,CAAC,IAC5BA,SAAS,CAACE,gBAAgB,CAACC,SAAS,IAAI,IAAI,IAC5CH,SAAS,CAACE,gBAAgB,CAACC,SAAS,CAACC,gBAAgB,IAAI,IAAI,IAC9DJ,SAAS,CAACG,SAAS,IAAI,IAAI,IAC1BH,SAAS,CAACG,SAAS,CAACC,gBAAgB,IAAI,IAAK;EAEjD,IAAMC,YAAY,GAChB,CAACrB,kBAAkB,CAACgB,SAAS,CAAC,IAC9B,UAAU,IAAIA,SAAS,IACvBA,SAAS,CAACM,QAAQ,KAAKvB,UAAU;EAEnC,OAAOkB,gBAAgB,IAAII,YAAY;AACzC;AAEA,eAAe;EACbpB,SAAS;EACTS;AACF,CAAC"}
+{"version":3,"file":"DashboardUtils.js","names":["canHaveRef","dehydrate","config","props","componentState","metadata","panelState","newProps","_objectSpread","type","hydrate","localDashboardId","arguments","length","undefined"],"sources":["../src/DashboardUtils.tsx"],"sourcesContent":["import {\n  DehydratedDashboardPanelProps,\n  DehydratedPanelConfig,\n  PanelConfig,\n} from './DashboardPlugin';\n\nexport { canHaveRef } from '@deephaven/components';\n\n/**\n * Dehydrate an existing panel to allow it to be serialized/saved.\n * Just takes what's in the panels `metadata` in the props and `panelState` in\n * the component state, assumes it's serializable, and saves it.\n * @param config The panel config to dehydrate\n * @returns The dehydrated PanelConfig\n */\nexport function dehydrate(config: PanelConfig): DehydratedPanelConfig {\n  const { props, componentState } = config;\n  const { metadata } = props;\n  let { panelState = null } = props;\n  if (componentState) {\n    ({ panelState } = componentState);\n  }\n  const newProps: Record<string, unknown> = {};\n  if (metadata != null) {\n    newProps.metadata = metadata;\n  }\n  if (panelState != null) {\n    newProps.panelState = panelState;\n  }\n\n  return {\n    ...config,\n    componentState: null,\n    props: newProps,\n    type: 'react-component',\n  };\n}\n\n/**\n * Default hydration function. Just applies the dashboard ID. When used with dehydrate above,\n * the panels state will be stored in `panelState` prop.\n * @param props Panel props to hydrate\n * @param localDashboardId The local dashboard ID to hydrate the panel with\n * @returns The hydrated panel props\n */\nexport function hydrate<T extends DehydratedDashboardPanelProps>(\n  props: T,\n  localDashboardId = ''\n): T {\n  return {\n    ...props,\n    localDashboardId,\n  };\n}\n\nexport default {\n  dehydrate,\n  hydrate,\n};\n"],"mappings":";;;;;AAMA,SAASA,UAAU,QAAQ,uBAAuB;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,MAAmB,EAAyB;EACpE,IAAM;IAAEC,KAAK;IAAEC;EAAe,CAAC,GAAGF,MAAM;EACxC,IAAM;IAAEG;EAAS,CAAC,GAAGF,KAAK;EAC1B,IAAI;IAAEG,UAAU,GAAG;EAAK,CAAC,GAAGH,KAAK;EACjC,IAAIC,cAAc,EAAE;IAClB,CAAC;MAAEE;IAAW,CAAC,GAAGF,cAAc;EAClC;EACA,IAAMG,QAAiC,GAAG,CAAC,CAAC;EAC5C,IAAIF,QAAQ,IAAI,IAAI,EAAE;IACpBE,QAAQ,CAACF,QAAQ,GAAGA,QAAQ;EAC9B;EACA,IAAIC,UAAU,IAAI,IAAI,EAAE;IACtBC,QAAQ,CAACD,UAAU,GAAGA,UAAU;EAClC;EAEA,OAAAE,aAAA,CAAAA,aAAA,KACKN,MAAM;IACTE,cAAc,EAAE,IAAI;IACpBD,KAAK,EAAEI,QAAQ;IACfE,IAAI,EAAE;EAAiB;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CACrBP,KAAQ,EAEL;EAAA,IADHQ,gBAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAErB,OAAAJ,aAAA,CAAAA,aAAA,KACKL,KAAK;IACRQ;EAAgB;AAEpB;AAEA,eAAe;EACbV,SAAS;EACTS;AACF,CAAC"}

package/dist/PanelManager.d.ts

@@ -4,7 +4,12 @@ import type { Container, ContentItem, ItemConfigType, ReactComponentConfig } fro
 import { PanelComponent, PanelComponentType, PanelProps } from './DashboardPlugin';
 export type PanelHydraterFunction = (name: string, props: PanelProps) => PanelProps;
 export type PanelDehydraterFunction = (name: string, config: ReactComponentConfig) => ReactComponentConfig;
-export type ClosedPanel = ReactComponentConfig;
+export type ClosedPanel = ReactComponentConfig & {
+    /**
+     * The stack the component is in.
+     */
+    parentStackId?: string | string[];
+};
 export type ClosedPanels = ClosedPanel[];
 export type OpenedPanelMap = Map<string | string[], PanelComponent>;
 export type PanelsUpdateData = {
@@ -55,7 +60,11 @@ declare class PanelManager {
      * @param replaceConfig The config to place
      */
     handleReopen(panelConfig: ClosedPanel, replaceConfig?: Partial<ItemConfigType>): void;
-    handleReopenLast(): void;
+    /**
+     *
+     * @param glContainer Only reopen panels that were closed from the stack of this container, if defined
+     */
+    handleReopenLast(glContainer?: Container): void;
     handleDeleted(panelConfig: ClosedPanel): void;
     handleClosed(panelId: string, glContainer: Container): void;
     handleControlClose(id: string): void;

package/dist/PanelManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelManager.d.ts","sourceRoot":"","sources":["../src/PanelManager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PanelManager.d.ts","sourceRoot":"","sources":["../src/PanelManager.ts"],"names":[],"mappings":"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"}

package/dist/PanelManager.js

@@ -206,15 +206,34 @@ class PanelManager {
     var {
       root
     } = this.layout;
+    var stack = panelConfig.parentStackId === undefined ? undefined : LayoutUtils.getStackById(root, panelConfig.parentStackId);
     LayoutUtils.openComponent({
       root,
       config,
-      replaceConfig
+      replaceConfig,
+      stack: stack !== null && stack !== void 0 ? stack : undefined
     });
   }
-  handleReopenLast() {
+
+  /**
+   *
+   * @param glContainer Only reopen panels that were closed from the stack of this container, if defined
+   */
+  handleReopenLast(glContainer) {
+    var _LayoutUtils$getStack;
     if (this.closed.length === 0) return;
-    this.handleReopen(this.closed[this.closed.length - 1]);
+    if (glContainer === undefined) {
+      this.handleReopen(this.closed[this.closed.length - 1]);
+      return;
+    }
+    var stackId = (_LayoutUtils$getStack = LayoutUtils.getStackForConfig(this.layout.root, glContainer.getConfig())) === null || _LayoutUtils$getStack === void 0 ? void 0 : _LayoutUtils$getStack.config.id;
+    for (var i = this.closed.length - 1; i >= 0; i -= 1) {
+      var panelConfig = this.closed[i];
+      if (panelConfig.parentStackId === stackId) {
+        this.handleReopen(panelConfig);
+        return;
+      }
+    }
   }
   handleDeleted(panelConfig) {
     log.debug2('Deleted:', panelConfig);
@@ -238,10 +257,15 @@ class PanelManager {
     LayoutUtils.closeComponent(root, config);
   }
   addClosedPanel(glContainer) {
+    var {
+      root
+    } = this.layout;
     var config = LayoutUtils.getComponentConfigFromContainer(glContainer);
     if (config && isReactComponentConfig(config)) {
       var dehydratedConfig = this.dehydrateComponent(config.component, config);
       if (dehydratedConfig != null) {
+        var _LayoutUtils$getStack2;
+        dehydratedConfig.parentStackId = (_LayoutUtils$getStack2 = LayoutUtils.getStackForConfig(root, config)) === null || _LayoutUtils$getStack2 === void 0 ? void 0 : _LayoutUtils$getStack2.config.id;
         this.closed.push(dehydratedConfig);
       }
     }