@deephaven/dashboard 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/Dashboard.d.ts

@@ -17,6 +17,6 @@ export declare type DashboardProps = {
     hydrate?: PanelHydrateFunction;
     dehydrate?: PanelDehydrateFunction;
 };
-export declare const Dashboard: ({ id, children, emptyDashboard, layoutConfig, layoutSettings, onLayoutConfigChange, onGoldenLayoutChange, onLayoutInitialized, fallbackComponent, hydrate, dehydrate, }: DashboardProps) => JSX.Element;
+export declare function Dashboard({ id, children, emptyDashboard, layoutConfig, layoutSettings, onLayoutConfigChange, onGoldenLayoutChange, onLayoutInitialized, fallbackComponent, hydrate, dehydrate, }: DashboardProps): JSX.Element;
 export default Dashboard;
 //# sourceMappingURL=Dashboard.d.ts.map

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,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAIpC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,EACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAQ1B,oBAAY,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,cAAc,EAAE,CAAC;IAChC,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;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,4KAYnB,cAAc,KAAG,WA4FnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,yBAAyB,EACzB,aAAa,EAKd,MAAM,OAAO,CAAC;AAEf,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAIpC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,EACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAQ1B,oBAAY,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,cAAc,EAAE,CAAC;IAChC,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;CACpC,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,GACV,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA4F9B;AAED,eAAe,SAAS,CAAC"}

package/dist/Dashboard.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import throttle from 'lodash.throttle';
 import GoldenLayout from '@deephaven/golden-layout';
@@ -13,11 +10,9 @@ import PanelPlaceholder from "./PanelPlaceholder.js";
 import DashboardLayout from "./DashboardLayout.js";
 import "./Dashboard.css";
 var RESIZE_THROTTLE = 100;
-
 var DEFAULT_CALLBACK = () => undefined;
-
 var EMPTY_OBJECT = Object.freeze({});
-export var Dashboard = _ref => {
+export function Dashboard(_ref) {
   var {
     id = 'default',
     children,
@@ -39,29 +34,23 @@ export var Dashboard = _ref => {
       setLayout(undefined);
       return;
     }
-
     var config = _objectSpread({}, LayoutUtils.makeDefaultLayout());
-
     if (config.settings === undefined) {
       config.settings = {};
     }
+    Object.assign(config.settings, layoutSettings);
 
-    Object.assign(config.settings, layoutSettings); // Load our content later after plugins have registered
-
+    // Load our content later after plugins have registered
     config.content = [];
     var newLayout = new GoldenLayout(config, layoutElement.current);
-
     var onInit = () => {
       newLayout.off('initialised', onInit);
       setIsInitialized(true);
     };
-
     newLayout.on('initialised', onInit);
-
     if (fallbackComponent != null) {
       newLayout.setFallbackComponent(fallbackComponent);
     }
-
     newLayout.init();
     setLayout(newLayout);
     onGoldenLayoutChange(newLayout);
@@ -95,6 +84,6 @@ export var Dashboard = _ref => {
     hydrate: hydrate,
     dehydrate: dehydrate
   }, children));
-};
+}
 export default Dashboard;
 //# sourceMappingURL=Dashboard.js.map

package/dist/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","names":["React","useEffect","useMemo","useRef","useState","throttle","GoldenLayout","LayoutUtils","PanelPlaceholder","DashboardLayout","RESIZE_THROTTLE","DEFAULT_CALLBACK","undefined","EMPTY_OBJECT","Object","freeze","Dashboard","id","children","emptyDashboard","layoutConfig","layoutSettings","onLayoutConfigChange","onGoldenLayoutChange","onLayoutInitialized","fallbackComponent","hydrate","dehydrate","layoutElement","isInitialized","setIsInitialized","layout","setLayout","initDashboard","current","config","makeDefaultLayout","settings","assign","content","newLayout","onInit","off","on","setFallbackComponent","init","destroy","handleResize","isInitialised","updateSize","initResizeEventListner","window","addEventListener","removeEventListener"],"sources":["../src/Dashboard.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  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 { ItemConfigType } from '@deephaven/golden-layout';\nimport './layout/GoldenLayout.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport PanelPlaceholder from './PanelPlaceholder';\nimport DashboardLayout from './DashboardLayout';\nimport {\n  PanelDehydrateFunction,\n  PanelHydrateFunction,\n  PanelProps,\n} from './DashboardPlugin';\nimport './Dashboard.scss';\n\nconst RESIZE_THROTTLE = 100;\n\nconst DEFAULT_CALLBACK = () => 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?: ItemConfigType[];\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\nexport const 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}: 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 = () => {\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  useEffect(\n    function initResizeEventListner() {\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    },\n    [handleResize]\n  );\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        <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        >\n          {children}\n        </DashboardLayout>\n      )}\n    </div>\n  );\n};\n\nexport default Dashboard;\n"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","names":["React","useEffect","useMemo","useRef","useState","throttle","GoldenLayout","LayoutUtils","PanelPlaceholder","DashboardLayout","RESIZE_THROTTLE","DEFAULT_CALLBACK","undefined","EMPTY_OBJECT","Object","freeze","Dashboard","id","children","emptyDashboard","layoutConfig","layoutSettings","onLayoutConfigChange","onGoldenLayoutChange","onLayoutInitialized","fallbackComponent","hydrate","dehydrate","layoutElement","isInitialized","setIsInitialized","layout","setLayout","initDashboard","current","config","makeDefaultLayout","settings","assign","content","newLayout","onInit","off","on","setFallbackComponent","init","destroy","handleResize","isInitialised","updateSize","initResizeEventListner","window","addEventListener","removeEventListener"],"sources":["../src/Dashboard.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  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 { ItemConfigType } from '@deephaven/golden-layout';\nimport './layout/GoldenLayout.scss';\nimport LayoutUtils from './layout/LayoutUtils';\nimport PanelPlaceholder from './PanelPlaceholder';\nimport DashboardLayout from './DashboardLayout';\nimport {\n  PanelDehydrateFunction,\n  PanelHydrateFunction,\n  PanelProps,\n} from './DashboardPlugin';\nimport './Dashboard.scss';\n\nconst RESIZE_THROTTLE = 100;\n\nconst DEFAULT_CALLBACK = () => 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?: ItemConfigType[];\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\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}: 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 = () => {\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  useEffect(\n    function initResizeEventListner() {\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    },\n    [handleResize]\n  );\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        <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        >\n          {children}\n        </DashboardLayout>\n      )}\n    </div>\n  );\n}\n\nexport default Dashboard;\n"],"mappings":"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"}

package/dist/DashboardConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardConstants.js","names":["DEFAULT_DASHBOARD_ID"],"sources":["../src/DashboardConstants.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const DEFAULT_DASHBOARD_ID = 'default';\n"],"mappings":"AAAA;AACA,OAAO,IAAMA,oBAAoB,GAAG,SAA7B"}
+{"version":3,"file":"DashboardConstants.js","names":["DEFAULT_DASHBOARD_ID"],"sources":["../src/DashboardConstants.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const DEFAULT_DASHBOARD_ID = 'default';\n"],"mappings":"AAAA;AACA,OAAO,IAAMA,oBAAoB,GAAG,SAAS"}

package/dist/DashboardLayout.d.ts

@@ -23,9 +23,9 @@ interface DashboardLayoutProps {
 /**
  * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.
  */
-export declare const DashboardLayout: {
-    ({ id, children, emptyDashboard, layout, layoutConfig, onLayoutChange, onLayoutInitialized, hydrate, dehydrate, }: DashboardLayoutProps): JSX.Element;
-    propTypes: {
+export declare function DashboardLayout({ id, children, emptyDashboard, layout, layoutConfig, onLayoutChange, onLayoutInitialized, hydrate, dehydrate, }: DashboardLayoutProps): JSX.Element;
+export declare namespace DashboardLayout {
+    var propTypes: {
         id: PropTypes.Validator<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         data: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -47,6 +47,6 @@ export declare const DashboardLayout: {
         onLayoutChange: PropTypes.Requireable<(...args: any[]) => any>;
         onLayoutInitialized: PropTypes.Requireable<(...args: any[]) => any>;
     };
-};
+}
 export default DashboardLayout;
 //# sourceMappingURL=DashboardLayout.d.ts.map

package/dist/DashboardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,aAAK,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;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;uHAUzB,oBAAoB,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;CAkOpC,CAAC;AAaF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../src/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,0BAA0B,CAAC;AAKlC,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU5D,OAAO,EAEL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAarD,aAAK,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;CAClC;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,GAC7B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkOpC;yBA5Oe,eAAe;;;;;;;;;;;;;;;;;;;;;;;;AAyP/B,eAAe,eAAe,CAAC"}

package/dist/DashboardLayout.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import Log from '@deephaven/log';
@@ -15,18 +14,15 @@ import { getDashboardData, updateDashboardData } from "./redux/index.js";
 var log = Log.module('DashboardLayout');
 var EMPTY_OBJECT = Object.freeze({});
 var DEFAULT_LAYOUT_CONFIG = [];
+var DEFAULT_CALLBACK = () => undefined;
 
-var DEFAULT_CALLBACK = () => undefined; // If a component isn't registered, just pass through the props so they are saved if a plugin is loaded later
-
-
+// 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;
-
 /**
  * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.
  */
-export var DashboardLayout = _ref => {
+export function DashboardLayout(_ref) {
   var _useSelector, _closed;
-
   var {
     id,
     children,
@@ -52,14 +48,14 @@ export var DashboardLayout = _ref => {
     var componentHydrate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : hydrate;
     var componentDehydrate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : dehydrate;
     log.debug2('registerComponent', name, componentType, componentHydrate, componentDehydrate);
-
     function renderComponent(props, ref) {
       // Cast it to an `any` type so we can pass the ref in correctly.
       // ComponentType doesn't seem to work right, ReactNode is also incorrect
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      var CType = componentType; // Props supplied by GoldenLayout
-      // eslint-disable-next-line react/prop-types
+      var CType = componentType;
 
+      // Props supplied by GoldenLayout
+      // eslint-disable-next-line react/prop-types
       var {
         glContainer,
         glEventHub
@@ -73,7 +69,6 @@ export var DashboardLayout = _ref => {
         ref: ref
       }))));
     }
-
     var wrappedComponent = /*#__PURE__*/React.forwardRef(renderComponent);
     var cleanup = layout.registerComponent(name, wrappedComponent);
     hydrateMap.set(name, componentHydrate);
@@ -82,12 +77,10 @@ export var DashboardLayout = _ref => {
   }, [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, store]);
   var hydrateComponent = useCallback((name, props) => {
     var _hydrateMap$get;
-
     return ((_hydrateMap$get = hydrateMap.get(name)) !== null && _hydrateMap$get !== void 0 ? _hydrateMap$get : FALLBACK_CALLBACK)(props, id);
   }, [hydrateMap, id]);
   var dehydrateComponent = useCallback((name, config) => {
     var _dehydrateMap$get;
-
     return ((_dehydrateMap$get = dehydrateMap.get(name)) !== null && _dehydrateMap$get !== void 0 ? _dehydrateMap$get : FALLBACK_CALLBACK)(config, id);
   }, [dehydrateMap, id]);
   var panelManager = useMemo(() => new PanelManager(layout, hydrateComponent, dehydrateComponent, new Map(), initialClosedPanels, _ref2 => {
@@ -104,18 +97,15 @@ export var DashboardLayout = _ref => {
     // 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;
-
     if (!isDashboardInitialized) {
       onLayoutInitialized();
       setIsDashboardInitialized(true);
     }
-
     var glConfig = layout.toConfig();
     var contentConfig = glConfig.content;
     var dehydratedLayoutConfig = LayoutUtils.dehydrateLayoutConfig(contentConfig, dehydrateComponent);
     var hasChanged = lastConfig == null || !LayoutUtils.isEqual(lastConfig, dehydratedLayoutConfig);
     log.debug('handleLayoutStateChanged', hasChanged, contentConfig, dehydratedLayoutConfig);
-
     if (hasChanged) {
       setIsDashboardEmpty(layout.root.contentItems.length === 0);
       setLastConfig(dehydratedLayoutConfig);
@@ -130,11 +120,9 @@ export var DashboardLayout = _ref => {
   }, []);
   var handleComponentCreated = useCallback(item => {
     log.debug2('handleComponentCreated', item);
-
     if (item == null || item.config == null || item.config.component == null || item.element == null) {
       return;
     }
-
     var cssComponent = item.config.component.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
     var cssClass = "".concat(cssComponent, "-component");
     item.element.addClass(cssClass);
@@ -148,17 +136,16 @@ export var DashboardLayout = _ref => {
   useEffect(function loadNewConfig() {
     if (previousLayoutConfig !== layoutConfig && layoutConfig !== lastConfig) {
       log.debug('Setting new layout content...');
-      var content = LayoutUtils.hydrateLayoutConfig(layoutConfig, hydrateComponent); // Remove the old layout before add the new one
-
+      var content = LayoutUtils.hydrateLayoutConfig(layoutConfig, hydrateComponent);
+      // Remove the old layout before add the new one
       while (layout.root.contentItems.length > 0) {
         layout.root.contentItems[0].remove();
-      } // Add the new content. It is usally just one item from the root
-
+      }
 
+      // Add the new content. It is usally just one item from the root
       for (var i = 0; i < content.length; i += 1) {
         layout.root.addChild(content[i]);
       }
-
       setIsDashboardEmpty(layout.root.contentItems.length === 0);
     }
   }, [hydrateComponent, layout, layoutConfig, lastConfig, panelManager, previousLayoutConfig]);
@@ -168,7 +155,7 @@ export var DashboardLayout = _ref => {
     panelManager,
     registerComponent
   }) : null));
-};
+}
 DashboardLayout.propTypes = {
   id: PropTypes.string.isRequired,
   children: PropTypes.node,

package/dist/DashboardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.js","names":["React","useCallback","useEffect","useMemo","useState","PropTypes","Log","usePrevious","Provider","useDispatch","useSelector","useStore","PanelManager","PanelErrorBoundary","LayoutUtils","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","FALLBACK_CALLBACK","props","DashboardLayout","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","isDashboardInitialized","setIsDashboardInitialized","hydrateMap","Map","dehydrateMap","store","registerComponent","name","componentType","componentHydrate","componentDehydrate","debug2","renderComponent","ref","CType","glContainer","glEventHub","wrappedComponent","forwardRef","cleanup","set","hydrateComponent","get","dehydrateComponent","config","panelManager","openedMap","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydratedLayoutConfig","dehydrateLayoutConfig","hasChanged","isEqual","debug","root","contentItems","length","handleLayoutItemPickedUp","handleLayoutItemDropped","handleComponentCreated","item","component","element","cssComponent","replace","toLowerCase","cssClass","addClass","eventHub","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  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  EventEmitter,\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 { Provider, useDispatch, useSelector, useStore } from 'react-redux';\nimport PanelManager, { ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\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} from './DashboardPlugin';\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 = () => 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) => 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\n/**\n * DashboardLayout component. Handles hydrating, dehydrating components, listening for dragging panels.\n */\nexport const 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}: 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 [isDashboardInitialized, setIsDashboardInitialized] = useState(false);\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const store = useStore();\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 renderComponent(\n        props: { glContainer: Container; glEventHub: EventEmitter },\n        ref: unknown\n      ) {\n        // Cast it to an `any` type so we can pass the ref in correctly.\n        // ComponentType doesn't seem to work right, ReactNode is also incorrect\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n\n        // Props supplied by GoldenLayout\n        // eslint-disable-next-line react/prop-types\n        const { glContainer, glEventHub } = props;\n        return (\n          <Provider store={store}>\n            <PanelErrorBoundary\n              glContainer={glContainer}\n              glEventHub={glEventHub}\n            >\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <CType {...props} ref={ref} />\n            </PanelErrorBoundary>\n          </Provider>\n        );\n      }\n\n      const wrappedComponent = React.forwardRef(renderComponent);\n      const cleanup = layout.registerComponent(name, wrappedComponent);\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, store]\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    if (!isDashboardInitialized) {\n      onLayoutInitialized();\n      setIsDashboardInitialized(true);\n    }\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  }, [\n    dehydrateComponent,\n    isDashboardInitialized,\n    isItemDragging,\n    lastConfig,\n    layout,\n    onLayoutChange,\n    onLayoutInitialized,\n  ]);\n\n  const handleLayoutItemPickedUp = useCallback(() => {\n    setIsItemDragging(true);\n  }, []);\n\n  const handleLayoutItemDropped = useCallback(() => {\n    setIsItemDragging(false);\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  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\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      {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","Provider","useDispatch","useSelector","useStore","PanelManager","PanelErrorBoundary","LayoutUtils","dehydrate","dehydrateDefault","hydrate","hydrateDefault","PanelEvent","GLPropTypes","useListener","getDashboardData","updateDashboardData","log","module","EMPTY_OBJECT","Object","freeze","DEFAULT_LAYOUT_CONFIG","DEFAULT_CALLBACK","undefined","FALLBACK_CALLBACK","props","DashboardLayout","id","children","emptyDashboard","layout","layoutConfig","onLayoutChange","onLayoutInitialized","dispatch","data","state","isDashboardEmpty","setIsDashboardEmpty","isItemDragging","setIsItemDragging","lastConfig","setLastConfig","initialClosedPanels","closed","isDashboardInitialized","setIsDashboardInitialized","hydrateMap","Map","dehydrateMap","store","registerComponent","name","componentType","componentHydrate","componentDehydrate","debug2","renderComponent","ref","CType","glContainer","glEventHub","wrappedComponent","forwardRef","cleanup","set","hydrateComponent","get","dehydrateComponent","config","panelManager","openedMap","handleLayoutStateChanged","glConfig","toConfig","contentConfig","content","dehydratedLayoutConfig","dehydrateLayoutConfig","hasChanged","isEqual","debug","root","contentItems","length","handleLayoutItemPickedUp","handleLayoutItemDropped","handleComponentCreated","item","component","element","cssComponent","replace","toLowerCase","cssClass","addClass","eventHub","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  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  EventEmitter,\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 { Provider, useDispatch, useSelector, useStore } from 'react-redux';\nimport PanelManager, { ClosedPanels } from './PanelManager';\nimport PanelErrorBoundary from './PanelErrorBoundary';\nimport LayoutUtils from './layout/LayoutUtils';\nimport {\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} from './DashboardPlugin';\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 = () => 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) => 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\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}: 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 [isDashboardInitialized, setIsDashboardInitialized] = useState(false);\n\n  const hydrateMap = useMemo(() => new Map(), []);\n  const dehydrateMap = useMemo(() => new Map(), []);\n  const store = useStore();\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 renderComponent(\n        props: { glContainer: Container; glEventHub: EventEmitter },\n        ref: unknown\n      ) {\n        // Cast it to an `any` type so we can pass the ref in correctly.\n        // ComponentType doesn't seem to work right, ReactNode is also incorrect\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const CType = componentType as any;\n\n        // Props supplied by GoldenLayout\n        // eslint-disable-next-line react/prop-types\n        const { glContainer, glEventHub } = props;\n        return (\n          <Provider store={store}>\n            <PanelErrorBoundary\n              glContainer={glContainer}\n              glEventHub={glEventHub}\n            >\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <CType {...props} ref={ref} />\n            </PanelErrorBoundary>\n          </Provider>\n        );\n      }\n\n      const wrappedComponent = React.forwardRef(renderComponent);\n      const cleanup = layout.registerComponent(name, wrappedComponent);\n      hydrateMap.set(name, componentHydrate);\n      dehydrateMap.set(name, componentDehydrate);\n      return cleanup;\n    },\n    [hydrate, dehydrate, hydrateMap, dehydrateMap, layout, store]\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    if (!isDashboardInitialized) {\n      onLayoutInitialized();\n      setIsDashboardInitialized(true);\n    }\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  }, [\n    dehydrateComponent,\n    isDashboardInitialized,\n    isItemDragging,\n    lastConfig,\n    layout,\n    onLayoutChange,\n    onLayoutInitialized,\n  ]);\n\n  const handleLayoutItemPickedUp = useCallback(() => {\n    setIsItemDragging(true);\n  }, []);\n\n  const handleLayoutItemDropped = useCallback(() => {\n    setIsItemDragging(false);\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  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\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      {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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"}

package/dist/DashboardPlugin.js

@@ -4,7 +4,6 @@ import PanelManager from "./PanelManager.js";
 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":["ComponentType","GoldenLayout","PanelManager","isWrappedComponent","type","WrappedComponent","undefined","isDashboardPluginProps","props","id","layout","panelManager","registerComponent","assertIsDashboardPluginProps","Error"],"sources":["../src/DashboardPlugin.ts"],"sourcesContent":["import { Component, ComponentType } from 'react';\nimport { ConnectedComponent } from 'react-redux';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  ReactComponentConfig,\n  EventEmitter,\n  Container,\n} from '@deephaven/golden-layout';\nimport PanelManager from './PanelManager';\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>;\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 PanelProps = {\n  glContainer: Container;\n  glEventHub: EventEmitter;\n};\n\nexport type PanelComponent<T extends PanelProps = PanelProps> = Component<T>;\n\nexport type PanelConfig = ReactComponentConfig & {\n  componentState?: Record<string, unknown> | null;\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<T = PanelProps> = (\n  props: T,\n  dashboardId: string\n) => PanelProps;\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: <P extends PanelProps, C extends ComponentType<P>>(\n    name: string,\n    ComponentType: PanelComponentType<P, C>,\n    hydrate?: PanelHydrateFunction<P>,\n    dehydrate?: PanelDehydrateFunction\n  ) => DeregisterComponentFunction;\n};\n\nexport interface DashboardPlugin {\n  panels?: DashboardPanelDefinition[];\n\n  /** Hydrate the provided panel and props. Return the same object if no changes made. */\n  hydrateComponent?: (name: string, props: PanelProps) => PanelProps;\n\n  /** Dehydrate a component. Return the same object if no changes made, or `null` if the component should not be saved */\n  dehydrateComponent?: (\n    name: string,\n    config: PanelConfig\n  ) => PanelConfig | null;\n\n  /** Called when the dashboard is initialized and layout is ready. */\n  initialize?: (config: DashboardConfig) => void;\n\n  /** Called when the dashboard is unintialized and layout is about to be destroyed */\n  deinitialize?: (config: DashboardConfig) => void;\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":"AAAA,SAAoBA,aAApB,QAAyC,OAAzC;AAEA,OAAOC,YAAP,MAAyB,0BAAzB;OAMOC,Y;AAYP,OAAO,SAASC,kBAAT,CAGLC,IAHK,EAG+D;EACpE,OAAO,CAACA,IAAD,aAACA,IAAD,uBAACA,IAAD,CAAsCC,gBAAtC,MAA2DC,SAAlE;AACD;;AAmED;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAT,CACLC,KADK,EAEmC;EACxC,OACE,OAAOA,KAAK,CAACC,EAAb,KAAoB,QAApB,IACAD,KAAK,CAACE,MAAN,YAAwBT,YADxB,IAEAO,KAAK,CAACG,YAAN,YAA8BT,YAF9B,IAGA,OAAOM,KAAK,CAACI,iBAAb,KAAmC,UAJrC;AAMD;AAED,OAAO,SAASC,4BAAT,CACLL,KADK,EAE2C;EAChD,IAAI,CAACD,sBAAsB,CAACC,KAAD,CAA3B,EAAoC;IAClC,MAAM,IAAIM,KAAJ,iEACqDN,KADrD,EAAN;EAGD;AACF"}
+{"version":3,"file":"DashboardPlugin.js","names":["ComponentType","GoldenLayout","PanelManager","isWrappedComponent","type","WrappedComponent","undefined","isDashboardPluginProps","props","id","layout","panelManager","registerComponent","assertIsDashboardPluginProps","Error"],"sources":["../src/DashboardPlugin.ts"],"sourcesContent":["import { Component, ComponentType } from 'react';\nimport { ConnectedComponent } from 'react-redux';\nimport GoldenLayout from '@deephaven/golden-layout';\nimport type {\n  ReactComponentConfig,\n  EventEmitter,\n  Container,\n} from '@deephaven/golden-layout';\nimport PanelManager from './PanelManager';\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>;\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 PanelProps = {\n  glContainer: Container;\n  glEventHub: EventEmitter;\n};\n\nexport type PanelComponent<T extends PanelProps = PanelProps> = Component<T>;\n\nexport type PanelConfig = ReactComponentConfig & {\n  componentState?: Record<string, unknown> | null;\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<T = PanelProps> = (\n  props: T,\n  dashboardId: string\n) => PanelProps;\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: <P extends PanelProps, C extends ComponentType<P>>(\n    name: string,\n    ComponentType: PanelComponentType<P, C>,\n    hydrate?: PanelHydrateFunction<P>,\n    dehydrate?: PanelDehydrateFunction\n  ) => DeregisterComponentFunction;\n};\n\nexport interface DashboardPlugin {\n  panels?: DashboardPanelDefinition[];\n\n  /** Hydrate the provided panel and props. Return the same object if no changes made. */\n  hydrateComponent?: (name: string, props: PanelProps) => PanelProps;\n\n  /** Dehydrate a component. Return the same object if no changes made, or `null` if the component should not be saved */\n  dehydrateComponent?: (\n    name: string,\n    config: PanelConfig\n  ) => PanelConfig | null;\n\n  /** Called when the dashboard is initialized and layout is ready. */\n  initialize?: (config: DashboardConfig) => void;\n\n  /** Called when the dashboard is unintialized and layout is about to be destroyed */\n  deinitialize?: (config: DashboardConfig) => void;\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":"AAAA,SAAoBA,aAAa,QAAQ,OAAO;AAEhD,OAAOC,YAAY,MAAM,0BAA0B;AAAC,OAM7CC,YAAY;AAYnB,OAAO,SAASC,kBAAkB,CAGhCC,IAA8B,EAAsC;EACpE,OAAO,CAACA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAiCC,gBAAgB,MAAKC,SAAS;AAC7E;AAmEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsB,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,4BAA4B,CAC1CL,KAA6C,EACG;EAChD,IAAI,CAACD,sBAAsB,CAACC,KAAK,CAAC,EAAE;IAClC,MAAM,IAAIM,KAAK,iEAC4CN,KAAK,EAC/D;EACH;AACF"}

package/dist/DashboardUtils.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 /**
  * 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
@@ -22,29 +19,25 @@ export function dehydrate(config) {
   var {
     panelState = null
   } = props;
-
   if (componentState) {
     ({
       panelState
     } = componentState);
   }
-
   var newProps = {};
-
   if (metadata != null) {
     newProps.metadata = metadata;
   }
-
   if (panelState != null) {
     newProps.panelState = panelState;
   }
-
   return _objectSpread(_objectSpread({}, config), {}, {
     componentState: null,
     props: newProps,
     type: 'react-component'
   });
 }
+
 /**
  * Default hydration function. Just applies the dashboard ID. When used with dehydrate above,
  * the panels state will be stored in `panelState` prop.
@@ -52,7 +45,6 @@ export function dehydrate(config) {
  * @param localDashboardId The local dashboard ID to hydrate the panel with
  * @returns The hydrated panel props
  */
-
 export function hydrate(props) {
   var localDashboardId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   return _objectSpread(_objectSpread({

package/dist/DashboardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardUtils.js","names":["dehydrate","config","props","componentState","metadata","panelState","newProps","type","hydrate","localDashboardId"],"sources":["../src/DashboardUtils.ts"],"sourcesContent":["import { PanelConfig, PanelProps } from './DashboardPlugin';\n\nexport type DashboardPanelProps = PanelProps & {\n  localDashboardId: string;\n  metadata?: Record<string, unknown>;\n};\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): PanelConfig | null {\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(\n  props: PanelProps & Record<string, unknown>,\n  localDashboardId = ''\n): DashboardPanelProps {\n  return {\n    metadata: {},\n    ...props,\n    localDashboardId,\n  };\n}\n\nexport default {\n  dehydrate,\n  hydrate,\n};\n"],"mappings":";;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,SAAT,CAAmBC,MAAnB,EAA4D;EACjE,IAAM;IAAEC,KAAF;IAASC;EAAT,IAA4BF,MAAlC;EACA,IAAM;IAAEG;EAAF,IAAeF,KAArB;EACA,IAAI;IAAEG,UAAU,GAAG;EAAf,IAAwBH,KAA5B;;EACA,IAAIC,cAAJ,EAAoB;IAClB,CAAC;MAAEE;IAAF,IAAiBF,cAAlB;EACD;;EACD,IAAMG,QAAiC,GAAG,EAA1C;;EACA,IAAIF,QAAQ,IAAI,IAAhB,EAAsB;IACpBE,QAAQ,CAACF,QAAT,GAAoBA,QAApB;EACD;;EACD,IAAIC,UAAU,IAAI,IAAlB,EAAwB;IACtBC,QAAQ,CAACD,UAAT,GAAsBA,UAAtB;EACD;;EAED,uCACKJ,MADL;IAEEE,cAAc,EAAE,IAFlB;IAGED,KAAK,EAAEI,QAHT;IAIEC,IAAI,EAAE;EAJR;AAMD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,OAAT,CACLN,KADK,EAGgB;EAAA,IADrBO,gBACqB,uEADF,EACE;EACrB;IACEL,QAAQ,EAAE;EADZ,GAEKF,KAFL;IAGEO;EAHF;AAKD;AAED,eAAe;EACbT,SADa;EAEbQ;AAFa,CAAf"}
+{"version":3,"file":"DashboardUtils.js","names":["dehydrate","config","props","componentState","metadata","panelState","newProps","type","hydrate","localDashboardId"],"sources":["../src/DashboardUtils.ts"],"sourcesContent":["import { PanelConfig, PanelProps } from './DashboardPlugin';\n\nexport type DashboardPanelProps = PanelProps & {\n  localDashboardId: string;\n  metadata?: Record<string, unknown>;\n};\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): PanelConfig | null {\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(\n  props: PanelProps & Record<string, unknown>,\n  localDashboardId = ''\n): DashboardPanelProps {\n  return {\n    metadata: {},\n    ...props,\n    localDashboardId,\n  };\n}\n\nexport default {\n  dehydrate,\n  hydrate,\n};\n"],"mappings":";;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,SAAS,CAACC,MAAmB,EAAsB;EACjE,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,uCACKJ,MAAM;IACTE,cAAc,EAAE,IAAI;IACpBD,KAAK,EAAEI,QAAQ;IACfC,IAAI,EAAE;EAAiB;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAO,CACrBN,KAA2C,EAEtB;EAAA,IADrBO,gBAAgB,uEAAG,EAAE;EAErB;IACEL,QAAQ,EAAE,CAAC;EAAC,GACTF,KAAK;IACRO;EAAgB;AAEpB;AAEA,eAAe;EACbT,SAAS;EACTQ;AACF,CAAC"}

package/dist/PanelErrorBoundary.js

@@ -5,7 +5,6 @@ import PanelEvent from "./PanelEvent.js";
 import LayoutUtils from "./layout/LayoutUtils.js";
 import "./PanelErrorBoundary.css";
 var log = Log.module('PanelErrorBoundary');
-
 /**
  * Panel wrapper implementing Error Boundary and emitting Closed event.
  * Closed event has to be emitted from the wrapper instead of the panel itself
@@ -19,13 +18,11 @@ class PanelErrorBoundary extends Component {
       error: null
     };
   }
-
   componentDidCatch(error) {
     this.setState({
       error
     });
   }
-
   componentWillUnmount() {
     var {
       glContainer,
@@ -35,7 +32,6 @@ class PanelErrorBoundary extends Component {
     log.debug('componentWillUnmount', panelId);
     glEventHub.emit(PanelEvent.CLOSED, panelId, glContainer);
   }
-
   render() {
     var {
       children
@@ -43,7 +39,6 @@ class PanelErrorBoundary extends Component {
     var {
       error
     } = this.state;
-
     if (error != null) {
       return /*#__PURE__*/React.createElement("div", {
         className: "panel-error-boundary"
@@ -53,11 +48,8 @@ class PanelErrorBoundary extends Component {
         isLoaded: false
       }));
     }
-
     return children;
   }
-
 }
-
 export default PanelErrorBoundary;
 //# sourceMappingURL=PanelErrorBoundary.js.map

package/dist/PanelErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelErrorBoundary.js","names":["React","Component","LoadingOverlay","Log","PanelEvent","LayoutUtils","log","module","PanelErrorBoundary","constructor","props","state","error","componentDidCatch","setState","componentWillUnmount","glContainer","glEventHub","panelId","getIdFromContainer","debug","emit","CLOSED","render","children"],"sources":["../src/PanelErrorBoundary.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react';\nimport { LoadingOverlay } from '@deephaven/components';\nimport type { Container, EventEmitter } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport PanelEvent from './PanelEvent';\nimport LayoutUtils from './layout/LayoutUtils';\nimport './PanelErrorBoundary.scss';\n\nconst log = Log.module('PanelErrorBoundary');\n\ninterface PanelErrorBoundaryProps {\n  children: ReactNode;\n  glContainer: Container;\n  glEventHub: EventEmitter;\n}\n\ninterface PanelErrorBoundaryState {\n  error: Error | null;\n}\n/**\n * Panel wrapper implementing Error Boundary and emitting Closed event.\n * Closed event has to be emitted from the wrapper instead of the panel itself\n * because the panel can get unmounted on errors\n * and we want to differentiate between unmount on error vs panel being intentionally closed.\n */\nclass PanelErrorBoundary extends Component<\n  PanelErrorBoundaryProps,\n  PanelErrorBoundaryState\n> {\n  constructor(props: PanelErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null };\n  }\n\n  componentDidCatch(error: Error): void {\n    this.setState({ error });\n  }\n\n  componentWillUnmount(): void {\n    const { glContainer, glEventHub } = this.props;\n    const panelId = LayoutUtils.getIdFromContainer(glContainer);\n    log.debug('componentWillUnmount', panelId);\n    glEventHub.emit(PanelEvent.CLOSED, panelId, glContainer);\n  }\n\n  render(): ReactNode {\n    const { children } = this.props;\n    const { error } = this.state;\n    if (error != null) {\n      return (\n        <div className=\"panel-error-boundary\">\n          <LoadingOverlay\n            errorMessage={`${error}`}\n            isLoading={false}\n            isLoaded={false}\n          />\n        </div>\n      );\n    }\n    return children;\n  }\n}\n\nexport default PanelErrorBoundary;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAA4C,OAA5C;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,OAAOC,GAAP,MAAgB,gBAAhB;OACOC,U;OACAC,W;;AAGP,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAJ,CAAW,oBAAX,CAAZ;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAN,SAAiCP,SAAjC,CAGE;EACAQ,WAAW,CAACC,KAAD,EAAiC;IAC1C,MAAMA,KAAN;IACA,KAAKC,KAAL,GAAa;MAAEC,KAAK,EAAE;IAAT,CAAb;EACD;;EAEDC,iBAAiB,CAACD,KAAD,EAAqB;IACpC,KAAKE,QAAL,CAAc;MAAEF;IAAF,CAAd;EACD;;EAEDG,oBAAoB,GAAS;IAC3B,IAAM;MAAEC,WAAF;MAAeC;IAAf,IAA8B,KAAKP,KAAzC;IACA,IAAMQ,OAAO,GAAGb,WAAW,CAACc,kBAAZ,CAA+BH,WAA/B,CAAhB;IACAV,GAAG,CAACc,KAAJ,CAAU,sBAAV,EAAkCF,OAAlC;IACAD,UAAU,CAACI,IAAX,CAAgBjB,UAAU,CAACkB,MAA3B,EAAmCJ,OAAnC,EAA4CF,WAA5C;EACD;;EAEDO,MAAM,GAAc;IAClB,IAAM;MAAEC;IAAF,IAAe,KAAKd,KAA1B;IACA,IAAM;MAAEE;IAAF,IAAY,KAAKD,KAAvB;;IACA,IAAIC,KAAK,IAAI,IAAb,EAAmB;MACjB,oBACE;QAAK,SAAS,EAAC;MAAf,gBACE,oBAAC,cAAD;QACE,YAAY,YAAKA,KAAL,CADd;QAEE,SAAS,EAAE,KAFb;QAGE,QAAQ,EAAE;MAHZ,EADF,CADF;IASD;;IACD,OAAOY,QAAP;EACD;;AAhCD;;AAmCF,eAAehB,kBAAf"}
+{"version":3,"file":"PanelErrorBoundary.js","names":["React","Component","LoadingOverlay","Log","PanelEvent","LayoutUtils","log","module","PanelErrorBoundary","constructor","props","state","error","componentDidCatch","setState","componentWillUnmount","glContainer","glEventHub","panelId","getIdFromContainer","debug","emit","CLOSED","render","children"],"sources":["../src/PanelErrorBoundary.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react';\nimport { LoadingOverlay } from '@deephaven/components';\nimport type { Container, EventEmitter } from '@deephaven/golden-layout';\nimport Log from '@deephaven/log';\nimport PanelEvent from './PanelEvent';\nimport LayoutUtils from './layout/LayoutUtils';\nimport './PanelErrorBoundary.scss';\n\nconst log = Log.module('PanelErrorBoundary');\n\ninterface PanelErrorBoundaryProps {\n  children: ReactNode;\n  glContainer: Container;\n  glEventHub: EventEmitter;\n}\n\ninterface PanelErrorBoundaryState {\n  error: Error | null;\n}\n/**\n * Panel wrapper implementing Error Boundary and emitting Closed event.\n * Closed event has to be emitted from the wrapper instead of the panel itself\n * because the panel can get unmounted on errors\n * and we want to differentiate between unmount on error vs panel being intentionally closed.\n */\nclass PanelErrorBoundary extends Component<\n  PanelErrorBoundaryProps,\n  PanelErrorBoundaryState\n> {\n  constructor(props: PanelErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null };\n  }\n\n  componentDidCatch(error: Error): void {\n    this.setState({ error });\n  }\n\n  componentWillUnmount(): void {\n    const { glContainer, glEventHub } = this.props;\n    const panelId = LayoutUtils.getIdFromContainer(glContainer);\n    log.debug('componentWillUnmount', panelId);\n    glEventHub.emit(PanelEvent.CLOSED, panelId, glContainer);\n  }\n\n  render(): ReactNode {\n    const { children } = this.props;\n    const { error } = this.state;\n    if (error != null) {\n      return (\n        <div className=\"panel-error-boundary\">\n          <LoadingOverlay\n            errorMessage={`${error}`}\n            isLoading={false}\n            isLoaded={false}\n          />\n        </div>\n      );\n    }\n    return children;\n  }\n}\n\nexport default PanelErrorBoundary;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAmB,OAAO;AACnD,SAASC,cAAc,QAAQ,uBAAuB;AAEtD,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAC1BC,UAAU;AAAA,OACVC,WAAW;AAAA;AAGlB,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,oBAAoB,CAAC;AAW5C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,SAASP,SAAS,CAGxC;EACAQ,WAAW,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEC,KAAK,EAAE;IAAK,CAAC;EAC9B;EAEAC,iBAAiB,CAACD,KAAY,EAAQ;IACpC,IAAI,CAACE,QAAQ,CAAC;MAAEF;IAAM,CAAC,CAAC;EAC1B;EAEAG,oBAAoB,GAAS;IAC3B,IAAM;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACP,KAAK;IAC9C,IAAMQ,OAAO,GAAGb,WAAW,CAACc,kBAAkB,CAACH,WAAW,CAAC;IAC3DV,GAAG,CAACc,KAAK,CAAC,sBAAsB,EAAEF,OAAO,CAAC;IAC1CD,UAAU,CAACI,IAAI,CAACjB,UAAU,CAACkB,MAAM,EAAEJ,OAAO,EAAEF,WAAW,CAAC;EAC1D;EAEAO,MAAM,GAAc;IAClB,IAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACd,KAAK;IAC/B,IAAM;MAAEE;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAIC,KAAK,IAAI,IAAI,EAAE;MACjB,oBACE;QAAK,SAAS,EAAC;MAAsB,gBACnC,oBAAC,cAAc;QACb,YAAY,YAAKA,KAAK,CAAG;QACzB,SAAS,EAAE,KAAM;QACjB,QAAQ,EAAE;MAAM,EAChB,CACE;IAEV;IACA,OAAOY,QAAQ;EACjB;AACF;AAEA,eAAehB,kBAAkB"}

package/dist/PanelEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelEvent.js","names":["Object","freeze","FOCUS","MOUNT","UNMOUNT","TITLE_CHANGED","REOPEN","DELETE","CLONED","CLOSED","OPEN","CLOSE"],"sources":["../src/PanelEvent.ts"],"sourcesContent":["/**\n * Events emitted by panels and to control panels\n */\nexport default Object.freeze({\n  // Panel has received focus\n  FOCUS: 'PanelEvent.FOCUS',\n\n  // Panel has been mounted\n  MOUNT: 'PanelEvent.MOUNT',\n\n  // Panel has been unmounted\n  UNMOUNT: 'PanelEvent.UNMOUNT',\n\n  // The title of the panel has changed\n  TITLE_CHANGED: 'PanelEvent.TITLE_CHANGED',\n\n  // Panel was re-opened from a dehydrated state\n  REOPEN: 'PanelEvent.REOPEN',\n\n  // Panel was deleted\n  DELETE: 'PanelEvent.DELETE',\n\n  // Panel was cloned/copied\n  CLONED: 'PanelEvent.CLONED',\n\n  // Panel was closed\n  CLOSED: 'PanelEvent.CLOSED',\n\n  // Event to open a new panel\n  // Plugins will need to register to open based on this event.\n  // Multiple plugins could open panels for the same event if desired.\n  OPEN: 'PanelEvent.OPEN',\n\n  // Event to close a panel that's currently open\n  CLOSE: 'PanelEvent.CLOSE',\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,eAAeA,MAAM,CAACC,MAAP,CAAc;EAC3B;EACAC,KAAK,EAAE,kBAFoB;EAI3B;EACAC,KAAK,EAAE,kBALoB;EAO3B;EACAC,OAAO,EAAE,oBARkB;EAU3B;EACAC,aAAa,EAAE,0BAXY;EAa3B;EACAC,MAAM,EAAE,mBAdmB;EAgB3B;EACAC,MAAM,EAAE,mBAjBmB;EAmB3B;EACAC,MAAM,EAAE,mBApBmB;EAsB3B;EACAC,MAAM,EAAE,mBAvBmB;EAyB3B;EACA;EACA;EACAC,IAAI,EAAE,iBA5BqB;EA8B3B;EACAC,KAAK,EAAE;AA/BoB,CAAd,CAAf"}
+{"version":3,"file":"PanelEvent.js","names":["Object","freeze","FOCUS","MOUNT","UNMOUNT","TITLE_CHANGED","REOPEN","DELETE","CLONED","CLOSED","OPEN","CLOSE"],"sources":["../src/PanelEvent.ts"],"sourcesContent":["/**\n * Events emitted by panels and to control panels\n */\nexport default Object.freeze({\n  // Panel has received focus\n  FOCUS: 'PanelEvent.FOCUS',\n\n  // Panel has been mounted\n  MOUNT: 'PanelEvent.MOUNT',\n\n  // Panel has been unmounted\n  UNMOUNT: 'PanelEvent.UNMOUNT',\n\n  // The title of the panel has changed\n  TITLE_CHANGED: 'PanelEvent.TITLE_CHANGED',\n\n  // Panel was re-opened from a dehydrated state\n  REOPEN: 'PanelEvent.REOPEN',\n\n  // Panel was deleted\n  DELETE: 'PanelEvent.DELETE',\n\n  // Panel was cloned/copied\n  CLONED: 'PanelEvent.CLONED',\n\n  // Panel was closed\n  CLOSED: 'PanelEvent.CLOSED',\n\n  // Event to open a new panel\n  // Plugins will need to register to open based on this event.\n  // Multiple plugins could open panels for the same event if desired.\n  OPEN: 'PanelEvent.OPEN',\n\n  // Event to close a panel that's currently open\n  CLOSE: 'PanelEvent.CLOSE',\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,eAAeA,MAAM,CAACC,MAAM,CAAC;EAC3B;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,KAAK,EAAE,kBAAkB;EAEzB;EACAC,OAAO,EAAE,oBAAoB;EAE7B;EACAC,aAAa,EAAE,0BAA0B;EAEzC;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACAC,MAAM,EAAE,mBAAmB;EAE3B;EACA;EACA;EACAC,IAAI,EAAE,iBAAiB;EAEvB;EACAC,KAAK,EAAE;AACT,CAAC,CAAC"}