@deephaven/dashboard-core-plugins 0.50.1-beta.2 → 0.50.1-beta.3

package/dist/PandasPlugin.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { DashboardPluginComponentProps } from '@deephaven/dashboard';
-export declare function PandasPlugin(props: DashboardPluginComponentProps): JSX.Element | null;
+import { WidgetComponentProps } from '@deephaven/plugin';
+import { PandasPanel } from './panels';
+export declare const PandasPlugin: import("react").ForwardRefExoticComponent<WidgetComponentProps & import("react").RefAttributes<PandasPanel>>;
 export default PandasPlugin;
 //# sourceMappingURL=PandasPlugin.d.ts.map

package/dist/PandasPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PandasPlugin.d.ts","sourceRoot":"","sources":["../src/PandasPlugin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,6BAA6B,EAE9B,MAAM,sBAAsB,CAAC;AAK9B,wBAAgB,YAAY,CAC1B,KAAK,EAAE,6BAA6B,GACnC,GAAG,CAAC,OAAO,GAAG,IAAI,CAcpB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"PandasPlugin.d.ts","sourceRoot":"","sources":["../src/PandasPlugin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,eAAO,MAAM,YAAY,8GAYxB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/PandasPlugin.js

@@ -1,19 +1,24 @@
-import { assertIsDashboardPluginProps, useDashboardPanel } from '@deephaven/dashboard';
-import { useApi } from '@deephaven/jsapi-bootstrap';
+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) { 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, useMemo } from 'react';
 import { PandasPanel } from "./panels/index.js";
 import useHydrateGrid from "./useHydrateGrid.js";
-export function PandasPlugin(props) {
-  assertIsDashboardPluginProps(props);
-  var dh = useApi();
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PandasPlugin = /*#__PURE__*/forwardRef((props, ref) => {
   var hydrate = useHydrateGrid();
-  useDashboardPanel({
-    dashboardProps: props,
-    componentName: PandasPanel.COMPONENT,
-    component: PandasPanel,
-    supportedTypes: dh.VariableType.PANDAS,
-    hydrate
-  });
-  return null;
-}
+  var {
+    localDashboardId
+  } = props;
+  var hydratedProps = useMemo(() => hydrate(props, localDashboardId), [hydrate, props, localDashboardId]);
+
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  return /*#__PURE__*/_jsx(PandasPanel, _objectSpread({
+    ref: ref
+  }, hydratedProps));
+});
+PandasPlugin.displayName = 'PandasPlugin';
 export default PandasPlugin;
 //# sourceMappingURL=PandasPlugin.js.map

package/dist/PandasPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"PandasPlugin.js","names":["assertIsDashboardPluginProps","useDashboardPanel","useApi","PandasPanel","useHydrateGrid","PandasPlugin","props","dh","hydrate","dashboardProps","componentName","COMPONENT","component","supportedTypes","VariableType","PANDAS"],"sources":["../src/PandasPlugin.tsx"],"sourcesContent":["import {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n  useDashboardPanel,\n} from '@deephaven/dashboard';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport { PandasPanel } from './panels';\nimport useHydrateGrid from './useHydrateGrid';\n\nexport function PandasPlugin(\n  props: DashboardPluginComponentProps\n): JSX.Element | null {\n  assertIsDashboardPluginProps(props);\n  const dh = useApi();\n  const hydrate = useHydrateGrid();\n\n  useDashboardPanel({\n    dashboardProps: props,\n    componentName: PandasPanel.COMPONENT,\n    component: PandasPanel,\n    supportedTypes: dh.VariableType.PANDAS,\n    hydrate,\n  });\n\n  return null;\n}\n\nexport default PandasPlugin;\n"],"mappings":"AAAA,SACEA,4BAA4B,EAE5BC,iBAAiB,QACZ,sBAAsB;AAC7B,SAASC,MAAM,QAAQ,4BAA4B;AAAC,SAC3CC,WAAW;AAAA,OACbC,cAAc;AAErB,OAAO,SAASC,YAAY,CAC1BC,KAAoC,EAChB;EACpBN,4BAA4B,CAACM,KAAK,CAAC;EACnC,IAAMC,EAAE,GAAGL,MAAM,EAAE;EACnB,IAAMM,OAAO,GAAGJ,cAAc,EAAE;EAEhCH,iBAAiB,CAAC;IAChBQ,cAAc,EAAEH,KAAK;IACrBI,aAAa,EAAEP,WAAW,CAACQ,SAAS;IACpCC,SAAS,EAAET,WAAW;IACtBU,cAAc,EAAEN,EAAE,CAACO,YAAY,CAACC,MAAM;IACtCP;EACF,CAAC,CAAC;EAEF,OAAO,IAAI;AACb;AAEA,eAAeH,YAAY"}
+{"version":3,"file":"PandasPlugin.js","names":["forwardRef","useMemo","PandasPanel","useHydrateGrid","PandasPlugin","props","ref","hydrate","localDashboardId","hydratedProps","displayName"],"sources":["../src/PandasPlugin.tsx"],"sourcesContent":["import { DashboardPanelProps } from '@deephaven/dashboard';\nimport { WidgetComponentProps } from '@deephaven/plugin';\nimport { forwardRef, useMemo } from 'react';\nimport { PandasPanel } from './panels';\nimport useHydrateGrid from './useHydrateGrid';\n\nexport const PandasPlugin = forwardRef(\n  (props: WidgetComponentProps, ref: React.Ref<PandasPanel>) => {\n    const hydrate = useHydrateGrid<DashboardPanelProps>();\n    const { localDashboardId } = props;\n    const hydratedProps = useMemo(\n      () => hydrate(props, localDashboardId),\n      [hydrate, props, localDashboardId]\n    );\n\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    return <PandasPanel ref={ref} {...hydratedProps} />;\n  }\n);\n\nPandasPlugin.displayName = 'PandasPlugin';\n\nexport default PandasPlugin;\n"],"mappings":";;;;;AAEA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAAC,SACnCC,WAAW;AAAA,OACbC,cAAc;AAAA;AAErB,OAAO,IAAMC,YAAY,gBAAGJ,UAAU,CACpC,CAACK,KAA2B,EAAEC,GAA2B,KAAK;EAC5D,IAAMC,OAAO,GAAGJ,cAAc,EAAuB;EACrD,IAAM;IAAEK;EAAiB,CAAC,GAAGH,KAAK;EAClC,IAAMI,aAAa,GAAGR,OAAO,CAC3B,MAAMM,OAAO,CAACF,KAAK,EAAEG,gBAAgB,CAAC,EACtC,CAACD,OAAO,EAAEF,KAAK,EAAEG,gBAAgB,CAAC,CACnC;;EAED;EACA,oBAAO,KAAC,WAAW;IAAC,GAAG,EAAEF;EAAI,GAAKG,aAAa,EAAI;AACrD,CAAC,CACF;AAEDL,YAAY,CAACM,WAAW,GAAG,cAAc;AAEzC,eAAeN,YAAY"}

package/dist/PandasPluginConfig.d.ts

@@ -1,4 +1,4 @@
-import { DashboardPlugin } from '@deephaven/plugin';
-declare const PandasPluginConfig: DashboardPlugin;
+import { WidgetPlugin } from '@deephaven/plugin';
+declare const PandasPluginConfig: WidgetPlugin;
 export default PandasPluginConfig;
 //# sourceMappingURL=PandasPluginConfig.d.ts.map

package/dist/PandasPluginConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PandasPluginConfig.d.ts","sourceRoot":"","sources":["../src/PandasPluginConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGhE,QAAA,MAAM,kBAAkB,EAAE,eAIzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"PandasPluginConfig.d.ts","sourceRoot":"","sources":["../src/PandasPluginConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI7D,QAAA,MAAM,kBAAkB,EAAE,YASzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/PandasPluginConfig.js

@@ -1,9 +1,15 @@
 import { PluginType } from '@deephaven/plugin';
+import { dhPandas } from '@deephaven/icons';
 import PandasPlugin from "./PandasPlugin.js";
 var PandasPluginConfig = {
   name: 'PandasPlugin',
-  type: PluginType.DASHBOARD_PLUGIN,
-  component: PandasPlugin
+  title: 'Pandas',
+  type: PluginType.WIDGET_PLUGIN,
+  // TODO: #1573 Replace with actual base component and not just the panel plugin
+  component: PandasPlugin,
+  panelComponent: PandasPlugin,
+  supportedTypes: 'pandas.DataFrame',
+  icon: dhPandas
 };
 export default PandasPluginConfig;
 //# sourceMappingURL=PandasPluginConfig.js.map

package/dist/PandasPluginConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"PandasPluginConfig.js","names":["PluginType","PandasPlugin","PandasPluginConfig","name","type","DASHBOARD_PLUGIN","component"],"sources":["../src/PandasPluginConfig.ts"],"sourcesContent":["import { PluginType, DashboardPlugin } from '@deephaven/plugin';\nimport PandasPlugin from './PandasPlugin';\n\nconst PandasPluginConfig: DashboardPlugin = {\n  name: 'PandasPlugin',\n  type: PluginType.DASHBOARD_PLUGIN,\n  component: PandasPlugin,\n};\n\nexport default PandasPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAAyB,mBAAmB;AAAC,OACzDC,YAAY;AAEnB,IAAMC,kBAAmC,GAAG;EAC1CC,IAAI,EAAE,cAAc;EACpBC,IAAI,EAAEJ,UAAU,CAACK,gBAAgB;EACjCC,SAAS,EAAEL;AACb,CAAC;AAED,eAAeC,kBAAkB"}
+{"version":3,"file":"PandasPluginConfig.js","names":["PluginType","dhPandas","PandasPlugin","PandasPluginConfig","name","title","type","WIDGET_PLUGIN","component","panelComponent","supportedTypes","icon"],"sources":["../src/PandasPluginConfig.ts"],"sourcesContent":["import { PluginType, WidgetPlugin } from '@deephaven/plugin';\nimport { dhPandas } from '@deephaven/icons';\nimport PandasPlugin from './PandasPlugin';\n\nconst PandasPluginConfig: WidgetPlugin = {\n  name: 'PandasPlugin',\n  title: 'Pandas',\n  type: PluginType.WIDGET_PLUGIN,\n  // TODO: #1573 Replace with actual base component and not just the panel plugin\n  component: PandasPlugin,\n  panelComponent: PandasPlugin,\n  supportedTypes: 'pandas.DataFrame',\n  icon: dhPandas,\n};\n\nexport default PandasPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAAsB,mBAAmB;AAC5D,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,OACrCC,YAAY;AAEnB,IAAMC,kBAAgC,GAAG;EACvCC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAEN,UAAU,CAACO,aAAa;EAC9B;EACAC,SAAS,EAAEN,YAAY;EACvBO,cAAc,EAAEP,YAAY;EAC5BQ,cAAc,EAAE,kBAAkB;EAClCC,IAAI,EAAEV;AACR,CAAC;AAED,eAAeE,kBAAkB"}

package/dist/WidgetLoaderPlugin.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { DashboardPluginComponentProps, PanelProps } from '@deephaven/dashboard';
+import { type WidgetPlugin } from '@deephaven/plugin';
+export declare function WrapWidgetPlugin(plugin: WidgetPlugin): React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<unknown>>;
+/**
+ * Widget to automatically open any supported WidgetPlugin types as panels
+ * if the widget is emitted from the server as the result of executed code.
+ *
+ * Does not open panels for widgets that are not supported by any plugins.
+ * Does not open panels for widgets that are a component of a larger widget or UI element.
+ *
+ * @param props Dashboard plugin props
+ * @returns React element
+ */
+export declare function WidgetLoaderPlugin(props: Partial<DashboardPluginComponentProps>): JSX.Element | null;
+export default WidgetLoaderPlugin;
+//# sourceMappingURL=WidgetLoaderPlugin.d.ts.map

package/dist/WidgetLoaderPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoaderPlugin.d.ts","sourceRoot":"","sources":["../src/WidgetLoaderPlugin.tsx"],"names":[],"mappings":";AAUA,OAAO,EAEL,6BAA6B,EAM7B,UAAU,EAEX,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMtE,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,GACnB,KAAK,CAAC,yBAAyB,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAmD5E;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,OAAO,CAAC,6BAA6B,CAAC,GAC5C,GAAG,CAAC,OAAO,GAAG,IAAI,CAqFpB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/WidgetLoaderPlugin.js

@@ -0,0 +1,155 @@
+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) { 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 { useMemo, useCallback, useEffect, forwardRef, useState } from 'react';
+import shortid from 'shortid';
+import { assertIsDashboardPluginProps, PanelEvent, LayoutUtils, useListener, canHaveRef } from '@deephaven/dashboard';
+import { usePlugins } from '@deephaven/app-utils';
+import { isWidgetPlugin } from '@deephaven/plugin';
+import Log from '@deephaven/log';
+import { WidgetPanel } from "./panels/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var log = Log.module('WidgetLoaderPlugin');
+export function WrapWidgetPlugin(plugin) {
+  var _plugin$component$dis;
+  function Wrapper(props, ref) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var C = plugin.component;
+    var {
+      metadata
+    } = props;
+    var [componentPanel, setComponentPanel] = useState();
+    var refCallback = useCallback(e => {
+      setComponentPanel(e);
+      if (typeof ref === 'function') {
+        ref(e);
+      } else if (ref != null) {
+        // eslint-disable-next-line no-param-reassign
+        ref.current = e;
+      }
+    }, [ref]);
+    var hasRef = canHaveRef(C);
+    return /*#__PURE__*/_jsxs(WidgetPanel, _objectSpread(_objectSpread({
+      widgetName: metadata === null || metadata === void 0 ? void 0 : metadata.name,
+      widgetType: plugin.title,
+      componentPanel: componentPanel
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, props), {}, {
+      children: [hasRef ? /*#__PURE__*/_jsx(C
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , _objectSpread(_objectSpread({}, props), {}, {
+        ref: refCallback
+      })) : /*#__PURE__*/_jsx(C
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , _objectSpread({}, props)), ")"]
+    }));
+  }
+  Wrapper.displayName = "WidgetLoaderPlugin(".concat((_plugin$component$dis = plugin.component.displayName) !== null && _plugin$component$dis !== void 0 ? _plugin$component$dis : plugin.name, ")");
+  return /*#__PURE__*/forwardRef(Wrapper);
+}
+
+/**
+ * Widget to automatically open any supported WidgetPlugin types as panels
+ * if the widget is emitted from the server as the result of executed code.
+ *
+ * Does not open panels for widgets that are not supported by any plugins.
+ * Does not open panels for widgets that are a component of a larger widget or UI element.
+ *
+ * @param props Dashboard plugin props
+ * @returns React element
+ */
+export function WidgetLoaderPlugin(props) {
+  var plugins = usePlugins();
+  var supportedTypes = useMemo(() => {
+    var typeMap = new Map();
+    plugins.forEach(plugin => {
+      if (!isWidgetPlugin(plugin)) {
+        return;
+      }
+      [plugin.supportedTypes].flat().forEach(supportedType => {
+        if (supportedType != null && supportedType !== '') {
+          if (typeMap.has(supportedType)) {
+            var _typeMap$get;
+            log.warn("Multiple WidgetPlugins handling type ".concat(supportedType, ". Replacing ").concat((_typeMap$get = typeMap.get(supportedType)) === null || _typeMap$get === void 0 ? void 0 : _typeMap$get.name, " with ").concat(plugin.name, " to handle ").concat(supportedType));
+          }
+          typeMap.set(supportedType, plugin);
+        }
+      });
+    });
+    return typeMap;
+  }, [plugins]);
+  assertIsDashboardPluginProps(props);
+  var {
+    id,
+    layout,
+    registerComponent
+  } = props;
+  var handlePanelOpen = useCallback(_ref => {
+    var _widget$title;
+    var {
+      dragEvent,
+      fetch,
+      panelId = shortid.generate(),
+      widget
+    } = _ref;
+    var {
+      id: widgetId,
+      type
+    } = widget;
+    var name = (_widget$title = widget.title) !== null && _widget$title !== void 0 ? _widget$title : widget.name;
+    var plugin = supportedTypes.get(type);
+    if (plugin == null) {
+      return;
+    }
+    var metadata = {
+      id: widgetId,
+      name,
+      type
+    };
+    var panelProps = {
+      localDashboardId: id,
+      metadata,
+      fetch
+    };
+    var config = {
+      type: 'react-component',
+      component: plugin.name,
+      props: panelProps,
+      title: name,
+      id: panelId
+    };
+    var {
+      root
+    } = layout;
+    LayoutUtils.openComponent({
+      root,
+      config,
+      dragEvent
+    });
+  }, [id, layout, supportedTypes]);
+  useEffect(() => {
+    var deregisterFns = [...new Set(supportedTypes.values())].map(plugin => {
+      var {
+        panelComponent
+      } = plugin;
+      if (panelComponent == null) {
+        return registerComponent(plugin.name, WrapWidgetPlugin(plugin));
+      }
+      return registerComponent(plugin.name, panelComponent);
+    });
+    return () => {
+      deregisterFns.forEach(deregister => deregister());
+    };
+  });
+
+  /**
+   * Listen for panel open events so we know when to open a panel
+   */
+  useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);
+  return null;
+}
+export default WidgetLoaderPlugin;
+//# sourceMappingURL=WidgetLoaderPlugin.js.map

package/dist/WidgetLoaderPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoaderPlugin.js","names":["useMemo","useCallback","useEffect","forwardRef","useState","shortid","assertIsDashboardPluginProps","PanelEvent","LayoutUtils","useListener","canHaveRef","usePlugins","isWidgetPlugin","Log","WidgetPanel","log","module","WrapWidgetPlugin","plugin","Wrapper","props","ref","C","component","metadata","componentPanel","setComponentPanel","refCallback","e","current","hasRef","name","title","displayName","WidgetLoaderPlugin","plugins","supportedTypes","typeMap","Map","forEach","flat","supportedType","has","warn","get","set","id","layout","registerComponent","handlePanelOpen","dragEvent","fetch","panelId","generate","widget","widgetId","type","panelProps","localDashboardId","config","root","openComponent","deregisterFns","Set","values","map","panelComponent","deregister","eventHub","OPEN"],"sources":["../src/WidgetLoaderPlugin.tsx"],"sourcesContent":["import {\n  useMemo,\n  useCallback,\n  type ComponentType,\n  useEffect,\n  forwardRef,\n  useState,\n} from 'react';\nimport type { ReactComponentConfig } from '@deephaven/golden-layout';\nimport shortid from 'shortid';\nimport {\n  assertIsDashboardPluginProps,\n  DashboardPluginComponentProps,\n  DehydratedDashboardPanelProps,\n  PanelEvent,\n  PanelOpenEventDetail,\n  LayoutUtils,\n  useListener,\n  PanelProps,\n  canHaveRef,\n} from '@deephaven/dashboard';\nimport { usePlugins } from '@deephaven/app-utils';\nimport { isWidgetPlugin, type WidgetPlugin } from '@deephaven/plugin';\nimport Log from '@deephaven/log';\nimport { WidgetPanel } from './panels';\n\nconst log = Log.module('WidgetLoaderPlugin');\n\nexport function WrapWidgetPlugin(\n  plugin: WidgetPlugin\n): React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<unknown>> {\n  function Wrapper(props: PanelProps, ref: React.ForwardedRef<unknown>) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const C = plugin.component as any;\n    const { metadata } = props;\n    const [componentPanel, setComponentPanel] = useState<ComponentType>();\n    const refCallback = useCallback(\n      (e: ComponentType) => {\n        setComponentPanel(e);\n        if (typeof ref === 'function') {\n          ref(e);\n        } else if (ref != null) {\n          // eslint-disable-next-line no-param-reassign\n          ref.current = e;\n        }\n      },\n      [ref]\n    );\n\n    const hasRef = canHaveRef(C);\n\n    return (\n      <WidgetPanel\n        widgetName={metadata?.name}\n        widgetType={plugin.title}\n        componentPanel={componentPanel}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...props}\n      >\n        {hasRef ? (\n          <C\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...props}\n            ref={refCallback}\n          />\n        ) : (\n          <C\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...props}\n          />\n        )}\n        )\n      </WidgetPanel>\n    );\n  }\n\n  Wrapper.displayName = `WidgetLoaderPlugin(${\n    plugin.component.displayName ?? plugin.name\n  })`;\n\n  return forwardRef(Wrapper);\n}\n\n/**\n * Widget to automatically open any supported WidgetPlugin types as panels\n * if the widget is emitted from the server as the result of executed code.\n *\n * Does not open panels for widgets that are not supported by any plugins.\n * Does not open panels for widgets that are a component of a larger widget or UI element.\n *\n * @param props Dashboard plugin props\n * @returns React element\n */\nexport function WidgetLoaderPlugin(\n  props: Partial<DashboardPluginComponentProps>\n): JSX.Element | null {\n  const plugins = usePlugins();\n  const supportedTypes = useMemo(() => {\n    const typeMap = new Map<string, WidgetPlugin>();\n    plugins.forEach(plugin => {\n      if (!isWidgetPlugin(plugin)) {\n        return;\n      }\n\n      [plugin.supportedTypes].flat().forEach(supportedType => {\n        if (supportedType != null && supportedType !== '') {\n          if (typeMap.has(supportedType)) {\n            log.warn(\n              `Multiple WidgetPlugins handling type ${supportedType}. Replacing ${typeMap.get(\n                supportedType\n              )?.name} with ${plugin.name} to handle ${supportedType}`\n            );\n          }\n          typeMap.set(supportedType, plugin);\n        }\n      });\n    });\n\n    return typeMap;\n  }, [plugins]);\n\n  assertIsDashboardPluginProps(props);\n  const { id, layout, registerComponent } = props;\n\n  const handlePanelOpen = useCallback(\n    ({\n      dragEvent,\n      fetch,\n      panelId = shortid.generate(),\n      widget,\n    }: PanelOpenEventDetail) => {\n      const { id: widgetId, type } = widget;\n      const name = widget.title ?? widget.name;\n      const plugin = supportedTypes.get(type);\n      if (plugin == null) {\n        return;\n      }\n      const metadata = { id: widgetId, name, type };\n      const panelProps: DehydratedDashboardPanelProps & {\n        fetch?: typeof fetch;\n      } = {\n        localDashboardId: id,\n        metadata,\n        fetch,\n      };\n\n      const config: ReactComponentConfig = {\n        type: 'react-component',\n        component: plugin.name,\n        props: panelProps,\n        title: name,\n        id: panelId,\n      };\n\n      const { root } = layout;\n      LayoutUtils.openComponent({ root, config, dragEvent });\n    },\n    [id, layout, supportedTypes]\n  );\n\n  useEffect(() => {\n    const deregisterFns = [...new Set(supportedTypes.values())].map(plugin => {\n      const { panelComponent } = plugin;\n      if (panelComponent == null) {\n        return registerComponent(plugin.name, WrapWidgetPlugin(plugin));\n      }\n      return registerComponent(plugin.name, panelComponent);\n    });\n\n    return () => {\n      deregisterFns.forEach(deregister => deregister());\n    };\n  });\n\n  /**\n   * Listen for panel open events so we know when to open a panel\n   */\n  useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);\n\n  return null;\n}\n\nexport default WidgetLoaderPlugin;\n"],"mappings":"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"}

package/dist/WidgetLoaderPluginConfig.d.ts

@@ -0,0 +1,4 @@
+import { DashboardPlugin } from '@deephaven/plugin';
+declare const WidgetLoaderPluginConfig: DashboardPlugin;
+export default WidgetLoaderPluginConfig;
+//# sourceMappingURL=WidgetLoaderPluginConfig.d.ts.map

package/dist/WidgetLoaderPluginConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoaderPluginConfig.d.ts","sourceRoot":"","sources":["../src/WidgetLoaderPluginConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGhE,QAAA,MAAM,wBAAwB,EAAE,eAI/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/WidgetLoaderPluginConfig.js

@@ -0,0 +1,9 @@
+import { PluginType } from '@deephaven/plugin';
+import WidgetLoaderPlugin from "./WidgetLoaderPlugin.js";
+var WidgetLoaderPluginConfig = {
+  name: 'WidgetLoaderPlugin',
+  type: PluginType.DASHBOARD_PLUGIN,
+  component: WidgetLoaderPlugin
+};
+export default WidgetLoaderPluginConfig;
+//# sourceMappingURL=WidgetLoaderPluginConfig.js.map

package/dist/WidgetLoaderPluginConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoaderPluginConfig.js","names":["PluginType","WidgetLoaderPlugin","WidgetLoaderPluginConfig","name","type","DASHBOARD_PLUGIN","component"],"sources":["../src/WidgetLoaderPluginConfig.ts"],"sourcesContent":["import { PluginType, DashboardPlugin } from '@deephaven/plugin';\nimport WidgetLoaderPlugin from './WidgetLoaderPlugin';\n\nconst WidgetLoaderPluginConfig: DashboardPlugin = {\n  name: 'WidgetLoaderPlugin',\n  type: PluginType.DASHBOARD_PLUGIN,\n  component: WidgetLoaderPlugin,\n};\n\nexport default WidgetLoaderPluginConfig;\n"],"mappings":"AAAA,SAASA,UAAU,QAAyB,mBAAmB;AAAC,OACzDC,kBAAkB;AAEzB,IAAMC,wBAAyC,GAAG;EAChDC,IAAI,EAAE,oBAAoB;EAC1BC,IAAI,EAAEJ,UAAU,CAACK,gBAAgB;EACjCC,SAAS,EAAEL;AACb,CAAC;AAED,eAAeC,wBAAwB"}

package/dist/index.d.ts

@@ -13,6 +13,8 @@ export { default as MarkdownPlugin } from './MarkdownPlugin';
 export { default as MarkdownPluginConfig } from './MarkdownPluginConfig';
 export { default as PandasPlugin } from './PandasPlugin';
 export { default as PandasPluginConfig } from './PandasPluginConfig';
+export { default as WidgetLoaderPlugin } from './WidgetLoaderPlugin';
+export { default as WidgetLoaderPluginConfig } from './WidgetLoaderPluginConfig';
 export { default as ControlType } from './controls/ControlType';
 export { default as LinkerUtils } from './linker/LinkerUtils';
 export type { Link } from './linker/LinkerUtils';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -13,6 +13,8 @@ export { default as MarkdownPlugin } from "./MarkdownPlugin.js";
 export { default as MarkdownPluginConfig } from "./MarkdownPluginConfig.js";
 export { default as PandasPlugin } from "./PandasPlugin.js";
 export { default as PandasPluginConfig } from "./PandasPluginConfig.js";
+export { default as WidgetLoaderPlugin } from "./WidgetLoaderPlugin.js";
+export { default as WidgetLoaderPluginConfig } from "./WidgetLoaderPluginConfig.js";
 export { default as ControlType } from "./controls/ControlType.js";
 export { default as LinkerUtils } from "./linker/LinkerUtils.js";
 export { default as ToolType } from "./linker/ToolType.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","ChartPlugin","ChartPluginConfig","ChartBuilderPlugin","ChartBuilderPluginConfig","ConsolePlugin","FilterPlugin","FilterPluginConfig","GridPlugin","GridPluginConfig","LinkerPlugin","LinkerPluginConfig","MarkdownPlugin","MarkdownPluginConfig","PandasPlugin","PandasPluginConfig","ControlType","LinkerUtils","ToolType"],"sources":["../src/index.ts"],"sourcesContent":["export { default as ChartPlugin } from './ChartPlugin';\nexport { default as ChartPluginConfig } from './ChartPluginConfig';\nexport { default as ChartBuilderPlugin } from './ChartBuilderPlugin';\nexport { default as ChartBuilderPluginConfig } from './ChartBuilderPluginConfig';\nexport { default as ConsolePlugin } from './ConsolePlugin';\nexport { default as FilterPlugin } from './FilterPlugin';\nexport { default as FilterPluginConfig } from './FilterPluginConfig';\nexport { default as GridPlugin } from './GridPlugin';\nexport { default as GridPluginConfig } from './GridPluginConfig';\nexport { default as LinkerPlugin } from './LinkerPlugin';\nexport { default as LinkerPluginConfig } from './LinkerPluginConfig';\nexport { default as MarkdownPlugin } from './MarkdownPlugin';\nexport { default as MarkdownPluginConfig } from './MarkdownPluginConfig';\nexport { default as PandasPlugin } from './PandasPlugin';\nexport { default as PandasPluginConfig } from './PandasPluginConfig';\nexport { default as ControlType } from './controls/ControlType';\nexport { default as LinkerUtils } from './linker/LinkerUtils';\nexport type { Link } from './linker/LinkerUtils';\nexport { default as ToolType } from './linker/ToolType';\n\nexport * from './events';\nexport * from './panels';\nexport * from './redux';\nexport * from './prop-types';\nexport * from './linker';\n"],"mappings":"SAASA,OAAO,IAAIC,WAAW;AAAA,SACtBD,OAAO,IAAIE,iBAAiB;AAAA,SAC5BF,OAAO,IAAIG,kBAAkB;AAAA,SAC7BH,OAAO,IAAII,wBAAwB;AAAA,SACnCJ,OAAO,IAAIK,aAAa;AAAA,SACxBL,OAAO,IAAIM,YAAY;AAAA,SACvBN,OAAO,IAAIO,kBAAkB;AAAA,SAC7BP,OAAO,IAAIQ,UAAU;AAAA,SACrBR,OAAO,IAAIS,gBAAgB;AAAA,SAC3BT,OAAO,IAAIU,YAAY;AAAA,SACvBV,OAAO,IAAIW,kBAAkB;AAAA,SAC7BX,OAAO,IAAIY,cAAc;AAAA,SACzBZ,OAAO,IAAIa,oBAAoB;AAAA,SAC/Bb,OAAO,IAAIc,YAAY;AAAA,SACvBd,OAAO,IAAIe,kBAAkB;AAAA,SAC7Bf,OAAO,IAAIgB,WAAW;AAAA,SACtBhB,OAAO,IAAIiB,WAAW;AAAA,SAEtBjB,OAAO,IAAIkB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["default","ChartPlugin","ChartPluginConfig","ChartBuilderPlugin","ChartBuilderPluginConfig","ConsolePlugin","FilterPlugin","FilterPluginConfig","GridPlugin","GridPluginConfig","LinkerPlugin","LinkerPluginConfig","MarkdownPlugin","MarkdownPluginConfig","PandasPlugin","PandasPluginConfig","WidgetLoaderPlugin","WidgetLoaderPluginConfig","ControlType","LinkerUtils","ToolType"],"sources":["../src/index.ts"],"sourcesContent":["export { default as ChartPlugin } from './ChartPlugin';\nexport { default as ChartPluginConfig } from './ChartPluginConfig';\nexport { default as ChartBuilderPlugin } from './ChartBuilderPlugin';\nexport { default as ChartBuilderPluginConfig } from './ChartBuilderPluginConfig';\nexport { default as ConsolePlugin } from './ConsolePlugin';\nexport { default as FilterPlugin } from './FilterPlugin';\nexport { default as FilterPluginConfig } from './FilterPluginConfig';\nexport { default as GridPlugin } from './GridPlugin';\nexport { default as GridPluginConfig } from './GridPluginConfig';\nexport { default as LinkerPlugin } from './LinkerPlugin';\nexport { default as LinkerPluginConfig } from './LinkerPluginConfig';\nexport { default as MarkdownPlugin } from './MarkdownPlugin';\nexport { default as MarkdownPluginConfig } from './MarkdownPluginConfig';\nexport { default as PandasPlugin } from './PandasPlugin';\nexport { default as PandasPluginConfig } from './PandasPluginConfig';\nexport { default as WidgetLoaderPlugin } from './WidgetLoaderPlugin';\nexport { default as WidgetLoaderPluginConfig } from './WidgetLoaderPluginConfig';\nexport { default as ControlType } from './controls/ControlType';\nexport { default as LinkerUtils } from './linker/LinkerUtils';\nexport type { Link } from './linker/LinkerUtils';\nexport { default as ToolType } from './linker/ToolType';\n\nexport * from './events';\nexport * from './panels';\nexport * from './redux';\nexport * from './prop-types';\nexport * from './linker';\n"],"mappings":"SAASA,OAAO,IAAIC,WAAW;AAAA,SACtBD,OAAO,IAAIE,iBAAiB;AAAA,SAC5BF,OAAO,IAAIG,kBAAkB;AAAA,SAC7BH,OAAO,IAAII,wBAAwB;AAAA,SACnCJ,OAAO,IAAIK,aAAa;AAAA,SACxBL,OAAO,IAAIM,YAAY;AAAA,SACvBN,OAAO,IAAIO,kBAAkB;AAAA,SAC7BP,OAAO,IAAIQ,UAAU;AAAA,SACrBR,OAAO,IAAIS,gBAAgB;AAAA,SAC3BT,OAAO,IAAIU,YAAY;AAAA,SACvBV,OAAO,IAAIW,kBAAkB;AAAA,SAC7BX,OAAO,IAAIY,cAAc;AAAA,SACzBZ,OAAO,IAAIa,oBAAoB;AAAA,SAC/Bb,OAAO,IAAIc,YAAY;AAAA,SACvBd,OAAO,IAAIe,kBAAkB;AAAA,SAC7Bf,OAAO,IAAIgB,kBAAkB;AAAA,SAC7BhB,OAAO,IAAIiB,wBAAwB;AAAA,SACnCjB,OAAO,IAAIkB,WAAW;AAAA,SACtBlB,OAAO,IAAImB,WAAW;AAAA,SAEtBnB,OAAO,IAAIoB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/panels/ChartPanel.d.ts

@@ -175,7 +175,7 @@ export declare class ChartPanel extends Component<ChartPanelProps, ChartPanelSta
     updateChart(): void;
     render(): ReactElement;
 }
-declare const ConnectedChartPanel: import("react-redux").ConnectedComponent<typeof ChartPanel, import("react-redux").Omit<Pick<ChartPanelProps, "glContainer" | "metadata" | "glEventHub" | "localDashboardId" | "inputFilters" | "links" | "makeModel" | "setActiveTool" | "setDashboardIsolatedLinkerPanelId" | "Plotly"> & Partial<Pick<ChartPanelProps, "source" | "columnSelectionValidator" | "settings" | "panelState" | "isLinkerActive" | "sourcePanel" | "containerRef">> & Partial<Pick<{
+declare const ConnectedChartPanel: import("react-redux").ConnectedComponent<typeof ChartPanel, import("react-redux").Omit<Pick<ChartPanelProps, "glContainer" | "metadata" | "glEventHub" | "localDashboardId" | "inputFilters" | "links" | "makeModel" | "setActiveTool" | "setDashboardIsolatedLinkerPanelId" | "Plotly"> & Partial<Pick<ChartPanelProps, "source" | "settings" | "columnSelectionValidator" | "panelState" | "isLinkerActive" | "sourcePanel" | "containerRef">> & Partial<Pick<{
     columnSelectionValidator: null;
     isLinkerActive: boolean;
     source: null;
@@ -183,7 +183,7 @@ declare const ConnectedChartPanel: import("react-redux").ConnectedComponent<type
     panelState: null;
     settings: {};
     containerRef: null;
-}, never>>, "source" | "columnSelectionValidator" | "inputFilters" | "links" | "settings" | "setActiveTool" | "setDashboardIsolatedLinkerPanelId" | "isLinkerActive" | "sourcePanel" | "Plotly" | "containerRef"> & {
+}, never>>, "source" | "settings" | "inputFilters" | "links" | "columnSelectionValidator" | "setActiveTool" | "setDashboardIsolatedLinkerPanelId" | "isLinkerActive" | "sourcePanel" | "Plotly" | "containerRef"> & {
     localDashboardId: string;
     metadata: {
         sourcePanelId?: string;

package/dist/panels/ConsolePanel.d.ts

@@ -4,6 +4,7 @@ import { CommandHistoryStorage, Console } from '@deephaven/console';
 import { DashboardPanelProps } from '@deephaven/dashboard';
 import type { IdeSession, VariableDefinition } from '@deephaven/jsapi-types';
 import { SessionWrapper } from '@deephaven/jsapi-utils';
+import { DeephavenPluginModuleMap } from '@deephaven/redux';
 import type { JSZipObject } from 'jszip';
 import './ConsolePanel.scss';
 interface ConsoleSettings {
@@ -20,6 +21,7 @@ interface ConsolePanelProps extends DashboardPanelProps {
     sessionWrapper: SessionWrapper;
     timeZone: string;
     unzip?: (file: File) => Promise<JSZipObject[]>;
+    plugins: DeephavenPluginModuleMap;
 }
 interface ConsolePanelState {
     consoleSettings: ConsoleSettings;
@@ -68,9 +70,11 @@ export declare class ConsolePanel extends PureComponent<ConsolePanelProps, Conso
     closeDisconnectedPanels(force?: boolean): void;
     savePanelState: import("lodash").DebouncedFunc<() => void>;
     updateDimensions(): void;
+    supportsType(type: string): boolean;
+    iconForType(type: string): JSX.Element;
     render(): ReactElement;
 }
-declare const ConnectedConsolePanel: import("react-redux").ConnectedComponent<typeof ConsolePanel, import("react-redux").Omit<React.ClassAttributes<ConsolePanel> & ConsolePanelProps, "timeZone" | "commandHistoryStorage" | "sessionWrapper"> & {
+declare const ConnectedConsolePanel: import("react-redux").ConnectedComponent<typeof ConsolePanel, import("react-redux").Omit<React.ClassAttributes<ConsolePanel> & ConsolePanelProps, "timeZone" | "commandHistoryStorage" | "sessionWrapper" | "plugins"> & {
     localDashboardId: string;
 }>;
 export default ConnectedConsolePanel;

package/dist/panels/ConsolePanel.d.ts.map

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

package/dist/panels/ConsolePanel.js

@@ -9,11 +9,12 @@ import React, { PureComponent } from 'react';
 import shortid from 'shortid';
 import debounce from 'lodash.debounce';
 import { connect } from 'react-redux';
-import { Console, ConsoleConstants, HeapUsage } from '@deephaven/console';
+import { Console, ConsoleConstants, HeapUsage, ObjectIcon } from '@deephaven/console';
 import { PanelEvent } from '@deephaven/dashboard';
 import Log from '@deephaven/log';
-import { getCommandHistoryStorage, getTimeZone } from '@deephaven/redux';
+import { getCommandHistoryStorage, getPlugins, getTimeZone } from '@deephaven/redux';
 import { assertNotNull } from '@deephaven/utils';
+import { getIconForPlugin, pluginSupportsType } from '@deephaven/plugin';
 import { ConsoleEvent } from "../events/index.js";
 import Panel from "./Panel.js";
 import { getDashboardSessionWrapper } from "../redux/index.js";
@@ -54,6 +55,8 @@ export class ConsolePanel extends PureComponent {
     this.handleSettingsChange = this.handleSettingsChange.bind(this);
     this.handleShow = this.handleShow.bind(this);
     this.handlePanelMount = this.handlePanelMount.bind(this);
+    this.supportsType = this.supportsType.bind(this);
+    this.iconForType = this.iconForType.bind(this);
     this.consoleRef = /*#__PURE__*/React.createRef();
     var {
       panelState: initialPanelState
@@ -292,6 +295,25 @@ export class ConsolePanel extends PureComponent {
     var _this$consoleRef$curr3;
     (_this$consoleRef$curr3 = this.consoleRef.current) === null || _this$consoleRef$curr3 === void 0 ? void 0 : _this$consoleRef$curr3.updateDimensions();
   }
+  supportsType(type) {
+    var {
+      plugins
+    } = this.props;
+    return [...plugins.values()].some(plugin => pluginSupportsType(plugin, type));
+  }
+  iconForType(type) {
+    var {
+      plugins
+    } = this.props;
+    var plugin = [...plugins.values()].find(p => pluginSupportsType(p, type));
+    if (plugin != null) {
+      return getIconForPlugin(plugin);
+    }
+    // TODO: #1573 Remove this default and always return getIconForPlugin
+    return /*#__PURE__*/_jsx(ObjectIcon, {
+      type: type
+    });
+  }
   render() {
     var {
       commandHistoryStorage,
@@ -372,7 +394,9 @@ export class ConsolePanel extends PureComponent {
         scope: sessionId,
         timeZone: timeZone,
         objectMap: objectMap,
-        unzip: unzip
+        unzip: unzip,
+        supportsType: this.supportsType,
+        iconForType: this.iconForType
       })
     });
   }
@@ -382,7 +406,8 @@ _defineProperty(ConsolePanel, "TITLE", 'Console');
 var mapStateToProps = (state, ownProps) => ({
   commandHistoryStorage: getCommandHistoryStorage(state),
   sessionWrapper: getDashboardSessionWrapper(state, ownProps.localDashboardId),
-  timeZone: getTimeZone(state)
+  timeZone: getTimeZone(state),
+  plugins: getPlugins(state)
 });
 var ConnectedConsolePanel = connect(mapStateToProps, null, null, {
   forwardRef: true