@deephaven/js-plugin-plotly-express 0.3.2-deephaven-ui.216 → 0.4.0

package/dist/PlotlyExpressChart.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { Widget } from '@deephaven/jsapi-types';
+import { type WidgetComponentProps } from '@deephaven/plugin';
+export declare function PlotlyExpressChart(props: WidgetComponentProps<Widget>): JSX.Element | null;
+export default PlotlyExpressChart;
+//# sourceMappingURL=PlotlyExpressChart.d.ts.map

package/dist/PlotlyExpressChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlotlyExpressChart.d.ts","sourceRoot":"","sources":["../src/PlotlyExpressChart.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAK9D,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAClC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiCpB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/PlotlyExpressChart.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import Plotly from 'plotly.js-dist-min';
+import { Chart } from '@deephaven/chart';
+import { useApi } from '@deephaven/jsapi-bootstrap';
+import PlotlyExpressChartModel from './PlotlyExpressChartModel.js';
+import { useHandleSceneTicks } from './useHandleSceneTicks.js';
+export function PlotlyExpressChart(props) {
+    const dh = useApi();
+    const { fetch } = props;
+    const containerRef = useRef(null);
+    const [model, setModel] = useState();
+    useEffect(() => {
+        let cancelled = false;
+        async function init() {
+            const widgetData = await fetch();
+            if (!cancelled) {
+                setModel(new PlotlyExpressChartModel(dh, widgetData, fetch));
+            }
+        }
+        init();
+        return () => {
+            cancelled = true;
+        };
+    }, [dh, fetch]);
+    useHandleSceneTicks(model, containerRef.current);
+    return model ? (_jsx(Chart
+    // eslint-disable-next-line react/jsx-props-no-spreading, @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    , { 
+        // eslint-disable-next-line react/jsx-props-no-spreading, @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        containerRef: containerRef, model: model, Plotly: Plotly })) : null;
+}
+export default PlotlyExpressChart;
+//# sourceMappingURL=PlotlyExpressChart.js.map

package/dist/PlotlyExpressChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlotlyExpressChart.js","sourceRoot":"","sources":["../src/PlotlyExpressChart.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,UAAU,kBAAkB,CAChC,KAAmC;IAEnC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,KAAK,UAAU,IAAI;YACjB,MAAM,UAAU,GAAG,MAAM,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,SAAS,EAAE;gBACd,QAAQ,CAAC,IAAI,uBAAuB,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;aAC9D;QACH,CAAC;QAED,IAAI,EAAE,CAAC;QAEP,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhB,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,KAAK;IACJ,2FAA2F;IAC3F,aAAa;;QADb,2FAA2F;QAC3F,aAAa;QACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/PlotlyExpressChartModel.d.ts

@@ -1,30 +1,67 @@
 import type { Layout, Data } from 'plotly.js';
-import type { dh as DhType, ChartData, Table, TableSubscription } from '@deephaven/jsapi-types';
+import type { dh as DhType, ChartData, Widget, Table, TableSubscription, TableData } from '@deephaven/jsapi-types';
 import { ChartModel, ChartUtils, ChartTheme } from '@deephaven/chart';
+import { PlotlyChartWidgetData } from './PlotlyExpressChartUtils.js';
 export declare class PlotlyExpressChartModel extends ChartModel {
-    constructor(dh: DhType, tableColumnReplacementMap: ReadonlyMap<Table, Map<string, string[]>>, data: Data[], plotlyLayout: Partial<Layout>, isDefaultTemplate?: boolean, theme?: typeof ChartTheme);
+    constructor(dh: DhType, widget: Widget, refetch: () => Promise<Widget>, theme?: ChartTheme);
+    isSubscribed: boolean;
     chartUtils: ChartUtils;
-    tableSubscriptionMap: Map<Table, TableSubscription>;
-    tableSubscriptionCleanups: (() => void)[];
-    tableColumnReplacementMap: Map<Table, Map<string, string[]>>;
-    chartDataMap: Map<Table, ChartData>;
-    theme: typeof ChartTheme;
-    data: Data[];
+    refetch: () => Promise<Widget>;
+    widget?: Widget;
+    widgetUnsubscribe?: () => void;
+    /**
+     * Map of table index to Table object.
+     */
+    tableReferenceMap: Map<number, Table>;
+    /**
+     * Map of table index to TableSubscription object.
+     */
+    tableSubscriptionMap: Map<number, TableSubscription>;
+    /**
+     * Map of table index to cleanup function for the subscription.
+     */
+    subscriptionCleanupMap: Map<number, () => void>;
+    /**
+     * Map of table index to map of column names to array of paths where the data should be replaced.
+     */
+    tableColumnReplacementMap: Map<number, Map<string, string[]>>;
+    /**
+     * Map of table index to ChartData object. Used to handle data delta updates.
+     */
+    chartDataMap: Map<number, ChartData>;
+    /**
+     * Map of table index to object where the keys are column names and the values are arrays of data.
+     * This data is the full array of data for the column since ChartData doesn't have a clean way to get it at any time.
+     */
+    tableDataMap: Map<number, {
+        [key: string]: unknown[];
+    }>;
+    theme: ChartTheme;
+    plotlyData: Data[];
     layout: Partial<Layout>;
     plotlyLayout: Partial<Layout>;
     isPaused: boolean;
     hasPendingUpdate: boolean;
+    hasInitialLoadCompleted: boolean;
     getData(): Partial<Data>[];
     getLayout(): Partial<Layout>;
-    subscribe(callback: (event: CustomEvent) => void): void;
+    close(): void;
+    subscribe(callback: (event: CustomEvent) => void): Promise<void>;
     unsubscribe(callback: (event: CustomEvent) => void): void;
-    handleFigureUpdated(event: CustomEvent, chartData: ChartData | undefined, columnReplacements: Map<string, string[]> | undefined): void;
-    startListening(): void;
-    stopListening(): void;
+    updateLayout(data: PlotlyChartWidgetData): void;
+    handleWidgetUpdated(data: PlotlyChartWidgetData, references: Widget['exportedObjects']): void;
+    handleFigureUpdated(event: CustomEvent<TableData>, tableId: number): void;
+    addTable(id: number, table: Table): void;
+    subscribeTable(id: number): void;
+    removeTable(id: number): void;
     fireUpdate(data: unknown): void;
     pauseUpdates(): void;
     resumeUpdates(): void;
-    has3D(): boolean;
+    shouldPauseOnUserInteraction(): boolean;
+    hasScene(): boolean;
+    hasGeo(): boolean;
+    hasMapbox(): boolean;
+    hasPolar(): boolean;
     getPlotWidth(): number;
     getPlotHeight(): number;
 }

package/dist/PlotlyExpressChartModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlotlyExpressChartModel.d.ts","sourceRoot":"","sources":["../src/PlotlyExpressChartModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EACV,EAAE,IAAI,MAAM,EACZ,SAAS,EACT,KAAK,EACL,iBAAiB,EAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAMtE,qBAAa,uBAAwB,SAAQ,UAAU;gBAEnD,EAAE,EAAE,MAAM,EACV,yBAAyB,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EACpE,IAAI,EAAE,IAAI,EAAE,EACZ,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,EAC7B,iBAAiB,UAAO,EACxB,KAAK,GAAE,OAAO,UAAuB;IAqCvC,UAAU,EAAE,UAAU,CAAC;IAEvB,oBAAoB,EAAE,GAAG,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAEpD,yBAAyB,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAM;IAE/C,yBAAyB,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAE7D,YAAY,EAAE,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAEpC,KAAK,EAAE,OAAO,UAAU,CAAC;IAEzB,IAAI,EAAE,IAAI,EAAE,CAAC;IAEb,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAExB,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAE9B,QAAQ,UAAS;IAEjB,gBAAgB,UAAS;IAEhB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;IAInC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAI5B,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,IAAI;IAkBvD,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,IAAI;IASzD,mBAAmB,CACjB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,SAAS,GACpD,IAAI;IA2CP,cAAc,IAAI,IAAI;IActB,aAAa,IAAI,IAAI;IAIZ,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAKxC,YAAY,IAAI,IAAI;IAIpB,aAAa,IAAI,IAAI;IAOrB,KAAK,IAAI,OAAO;IAIhB,YAAY,IAAI,MAAM;IAatB,aAAa,IAAI,MAAM;CAYxB;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"PlotlyExpressChartModel.d.ts","sourceRoot":"","sources":["../src/PlotlyExpressChartModel.ts"],"names":[],"mappings":"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"}

package/dist/PlotlyExpressChartModel.js

@@ -1,99 +1,226 @@
-import { ChartModel, ChartUtils, ChartTheme } from '@deephaven/chart';
+import { ChartModel, ChartUtils, defaultChartTheme, } from '@deephaven/chart';
 import Log from '@deephaven/log';
-import { applyColorwayToData } from './PlotlyExpressChartUtils.js';
+import { applyColorwayToData, getDataMappings, getWidgetData, } from './PlotlyExpressChartUtils.js';
 const log = Log.module('@deephaven/js-plugin-plotly-express.ChartModel');
 export class PlotlyExpressChartModel extends ChartModel {
-    constructor(dh, tableColumnReplacementMap, data, plotlyLayout, isDefaultTemplate = true, theme = ChartTheme) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    constructor(dh, widget, refetch, theme = defaultChartTheme()) {
         super(dh);
-        this.tableSubscriptionCleanups = [];
+        this.isSubscribed = false;
+        /**
+         * Map of table index to Table object.
+         */
+        this.tableReferenceMap = new Map();
+        /**
+         * Map of table index to TableSubscription object.
+         */
+        this.tableSubscriptionMap = new Map();
+        /**
+         * Map of table index to cleanup function for the subscription.
+         */
+        this.subscriptionCleanupMap = new Map();
+        /**
+         * Map of table index to map of column names to array of paths where the data should be replaced.
+         */
+        this.tableColumnReplacementMap = new Map();
+        /**
+         * Map of table index to ChartData object. Used to handle data delta updates.
+         */
+        this.chartDataMap = new Map();
+        /**
+         * Map of table index to object where the keys are column names and the values are arrays of data.
+         * This data is the full array of data for the column since ChartData doesn't have a clean way to get it at any time.
+         */
+        this.tableDataMap = new Map();
+        this.plotlyData = [];
+        this.layout = {};
+        this.plotlyLayout = {};
         this.isPaused = false;
         this.hasPendingUpdate = false;
-        this.handleFigureUpdated = this.handleFigureUpdated.bind(this);
+        this.hasInitialLoadCompleted = false;
+        this.widget = widget;
+        this.refetch = refetch;
         this.chartUtils = new ChartUtils(dh);
-        this.tableColumnReplacementMap = new Map(tableColumnReplacementMap);
-        this.chartDataMap = new Map();
-        this.tableSubscriptionMap = new Map();
         this.theme = theme;
-        this.data = data;
-        const template = { layout: this.chartUtils.makeDefaultLayout(theme) };
-        // For now we will only use the plotly theme colorway since most plotly themes are light mode
-        if (!isDefaultTemplate) {
-            template.layout.colorway =
-                (_c = (_b = (_a = plotlyLayout.template) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.colorway) !== null && _c !== void 0 ? _c : template.layout.colorway;
-        }
-        this.plotlyLayout = plotlyLayout;
-        this.layout = Object.assign(Object.assign({}, plotlyLayout), { template });
-        applyColorwayToData((_g = (_f = (_e = (_d = this.layout) === null || _d === void 0 ? void 0 : _d.template) === null || _e === void 0 ? void 0 : _e.layout) === null || _f === void 0 ? void 0 : _f.colorway) !== null && _g !== void 0 ? _g : [], (_l = (_k = (_j = (_h = this.plotlyLayout) === null || _h === void 0 ? void 0 : _h.template) === null || _j === void 0 ? void 0 : _j.layout) === null || _k === void 0 ? void 0 : _k.colorway) !== null && _l !== void 0 ? _l : [], this.data);
+        this.handleFigureUpdated = this.handleFigureUpdated.bind(this);
+        this.handleWidgetUpdated = this.handleWidgetUpdated.bind(this);
+        // This is mostly used for setting the initial layout.
+        // Chart only fetches the model layout once on init, so it needs to be set
+        // before the widget is subscribed to.
+        this.handleWidgetUpdated(getWidgetData(widget), widget.exportedObjects);
         this.setTitle(this.getDefaultTitle());
     }
     getData() {
-        return this.data;
+        const hydratedData = [...this.plotlyData];
+        this.tableColumnReplacementMap.forEach((columnReplacements, tableId) => {
+            const tableData = this.tableDataMap.get(tableId);
+            if (tableData == null) {
+                throw new Error(`No tableData for table ID ${tableId}`);
+            }
+            // Replace placeholder arrays with actual data
+            columnReplacements.forEach((paths, columnName) => {
+                paths.forEach(destination => {
+                    var _a;
+                    // The JSON pointer starts w/ /plotly/data and we don't need that part
+                    const parts = destination
+                        .split('/')
+                        .filter(part => part !== '' && part !== 'plotly' && part !== 'data');
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    let selector = hydratedData;
+                    for (let i = 0; i < parts.length; i += 1) {
+                        if (i !== parts.length - 1) {
+                            selector = selector[parts[i]];
+                        }
+                        else {
+                            selector[parts[i]] = (_a = tableData[columnName]) !== null && _a !== void 0 ? _a : [];
+                        }
+                    }
+                });
+            });
+        });
+        return hydratedData;
     }
     getLayout() {
         return this.layout;
     }
-    subscribe(callback) {
+    close() {
+        var _a;
+        super.close();
+        (_a = this.widget) === null || _a === void 0 ? void 0 : _a.close();
+        this.widget = undefined;
+    }
+    async subscribe(callback) {
+        if (this.isSubscribed) {
+            return;
+        }
         super.subscribe(callback);
-        const { dh } = this;
-        this.tableColumnReplacementMap.forEach((_, table) => this.chartDataMap.set(table, new dh.plot.ChartData(table)));
-        this.tableColumnReplacementMap.forEach((columnReplacements, table) => {
-            const columnNames = new Set(columnReplacements.keys());
-            const columns = table.columns.filter(({ name }) => columnNames.has(name));
-            this.tableSubscriptionMap.set(table, table.subscribe(columns));
+        if (this.widget == null) {
+            this.widget = await this.refetch();
+            const widgetData = getWidgetData(this.widget);
+            this.handleWidgetUpdated(widgetData, this.widget.exportedObjects);
+        }
+        this.isSubscribed = true;
+        this.widgetUnsubscribe = this.widget.addEventListener(this.dh.Widget.EVENT_MESSAGE, ({ detail }) => {
+            this.handleWidgetUpdated(JSON.parse(detail.getDataAsString()), detail.exportedObjects);
         });
-        this.startListening();
+        this.tableReferenceMap.forEach((_, id) => this.subscribeTable(id));
+        // If there are no tables to fetch data from, the chart is ready to render
+        // Normally this event only fires once at least 1 table has fetched data
+        // Without this, the chart shows an infinite loader if there are no tables
+        if (this.tableColumnReplacementMap.size === 0) {
+            this.fireUpdate(this.getData());
+        }
     }
     unsubscribe(callback) {
+        var _a, _b;
+        if (!this.isSubscribed) {
+            return;
+        }
         super.unsubscribe(callback);
-        this.stopListening();
-        this.tableSubscriptionMap.forEach(sub => sub.close());
-        this.chartDataMap.clear();
+        (_a = this.widgetUnsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.isSubscribed = false;
+        this.tableReferenceMap.forEach((_, id) => this.removeTable(id));
+        (_b = this.widget) === null || _b === void 0 ? void 0 : _b.close();
+        this.widget = undefined;
     }
-    handleFigureUpdated(event, chartData, columnReplacements) {
-        if (chartData == null || columnReplacements == null) {
-            log.warn('Unknown chartData or columnReplacements for this event. Skipping update');
+    updateLayout(data) {
+        var _a, _b, _c;
+        const { figure } = data;
+        const { plotly, deephaven } = figure;
+        const { layout: plotlyLayout = {} } = plotly;
+        const template = { layout: this.chartUtils.makeDefaultLayout(this.theme) };
+        // For now we will only use the plotly theme colorway since most plotly themes are light mode
+        if (deephaven.is_user_set_template) {
+            template.layout.colorway =
+                (_c = (_b = (_a = plotlyLayout.template) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.colorway) !== null && _c !== void 0 ? _c : template.layout.colorway;
+        }
+        this.plotlyLayout = plotlyLayout;
+        this.layout = Object.assign(Object.assign({}, plotlyLayout), { template });
+    }
+    handleWidgetUpdated(data, references) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const { figure, new_references: newReferences, removed_references: removedReferences, } = data;
+        const { plotly } = figure;
+        this.tableColumnReplacementMap = getDataMappings(data);
+        this.plotlyData = plotly.data;
+        this.updateLayout(data);
+        applyColorwayToData((_d = (_c = (_b = (_a = this.layout) === null || _a === void 0 ? void 0 : _a.template) === null || _b === void 0 ? void 0 : _b.layout) === null || _c === void 0 ? void 0 : _c.colorway) !== null && _d !== void 0 ? _d : [], (_h = (_g = (_f = (_e = this.plotlyLayout) === null || _e === void 0 ? void 0 : _e.template) === null || _f === void 0 ? void 0 : _f.layout) === null || _g === void 0 ? void 0 : _g.colorway) !== null && _h !== void 0 ? _h : [], this.plotlyData);
+        newReferences.forEach(async (id, i) => {
+            this.tableDataMap.set(id, {}); // Plot may render while tables are being fetched. Set this to avoid a render error
+            const table = (await references[i].fetch());
+            this.addTable(id, table);
+        });
+        removedReferences.forEach(id => this.removeTable(id));
+    }
+    handleFigureUpdated(event, tableId) {
+        const chartData = this.chartDataMap.get(tableId);
+        const tableData = this.tableDataMap.get(tableId);
+        if (chartData == null) {
+            log.warn('Unknown chartData for this event. Skipping update');
+            return;
+        }
+        if (tableData == null) {
+            log.warn('No tableData for this event. Skipping update');
             return;
         }
         const { detail: figureUpdateEvent } = event;
         chartData.update(figureUpdateEvent);
-        columnReplacements.forEach((destinations, column) => {
-            const columnData = chartData.getColumn(column, val => this.chartUtils.unwrapValue(val), figureUpdateEvent);
-            destinations.forEach(destination => {
-                // The JSON pointer starts w/ /plotly and we don't need that part
-                const parts = destination
-                    .split('/')
-                    .filter(part => part !== '' && part !== 'plotly');
-                // eslint-disable-next-line @typescript-eslint/no-this-alias, @typescript-eslint/no-explicit-any
-                let selector = this;
-                for (let i = 0; i < parts.length; i += 1) {
-                    if (i !== parts.length - 1) {
-                        selector = selector[parts[i]];
-                    }
-                    else {
-                        selector[parts[i]] = columnData;
-                    }
-                }
-            });
+        figureUpdateEvent.columns.forEach(column => {
+            const columnData = chartData.getColumn(column.name, val => this.chartUtils.unwrapValue(val), figureUpdateEvent);
+            tableData[column.name] = columnData;
         });
-        const { data } = this;
         if (this.isPaused) {
             this.hasPendingUpdate = true;
             return;
         }
-        this.fireUpdate(data);
+        this.fireUpdate(this.getData());
     }
-    startListening() {
-        this.tableSubscriptionMap.forEach((sub, table) => {
-            this.tableSubscriptionCleanups.push(sub.addEventListener(this.dh.Table.EVENT_UPDATED, e => this.handleFigureUpdated(e, this.chartDataMap.get(table), this.tableColumnReplacementMap.get(table))));
-        });
+    addTable(id, table) {
+        if (this.tableReferenceMap.has(id)) {
+            return;
+        }
+        this.tableReferenceMap.set(id, table);
+        this.tableDataMap.set(id, {});
+        if (this.isSubscribed) {
+            this.subscribeTable(id);
+        }
+    }
+    subscribeTable(id) {
+        const table = this.tableReferenceMap.get(id);
+        const columnReplacements = this.tableColumnReplacementMap.get(id);
+        if (table != null &&
+            columnReplacements != null &&
+            columnReplacements.size > 0 &&
+            !this.tableSubscriptionMap.has(id)) {
+            this.chartDataMap.set(id, new this.dh.plot.ChartData(table));
+            const columnNames = new Set(columnReplacements.keys());
+            const columns = table.columns.filter(({ name }) => columnNames.has(name));
+            const subscription = table.subscribe(columns);
+            this.tableSubscriptionMap.set(id, subscription);
+            this.subscriptionCleanupMap.set(id, subscription.addEventListener(this.dh.Table.EVENT_UPDATED, e => this.handleFigureUpdated(e, id)));
+        }
     }
-    stopListening() {
-        this.tableSubscriptionCleanups.forEach(cleanup => cleanup());
+    removeTable(id) {
+        var _a, _b;
+        (_a = this.subscriptionCleanupMap.get(id)) === null || _a === void 0 ? void 0 : _a();
+        (_b = this.tableSubscriptionMap.get(id)) === null || _b === void 0 ? void 0 : _b.close();
+        this.tableReferenceMap.delete(id);
+        this.subscriptionCleanupMap.delete(id);
+        this.tableSubscriptionMap.delete(id);
+        this.chartDataMap.delete(id);
+        this.tableDataMap.delete(id);
+        this.tableColumnReplacementMap.delete(id);
     }
     fireUpdate(data) {
         super.fireUpdate(data);
         this.hasPendingUpdate = false;
+        // TODO: This will fire on first call to `fireUpdate` even though other data
+        // may still be loading. We should consider making this smarter to fire after
+        // all initial data has loaded.
+        // https://github.com/deephaven/deephaven-plugins/issues/267
+        if (!this.hasInitialLoadCompleted) {
+            this.fireLoadFinished();
+            this.hasInitialLoadCompleted = true;
+        }
     }
     pauseUpdates() {
         this.isPaused = true;
@@ -101,11 +228,23 @@ export class PlotlyExpressChartModel extends ChartModel {
     resumeUpdates() {
         this.isPaused = false;
         if (this.hasPendingUpdate) {
-            this.fireUpdate(this.data);
+            this.fireUpdate(this.getData());
         }
     }
-    has3D() {
-        return this.data.some(({ type }) => type != null && type.includes('3d'));
+    shouldPauseOnUserInteraction() {
+        return (this.hasScene() || this.hasGeo() || this.hasMapbox() || this.hasPolar());
+    }
+    hasScene() {
+        return this.plotlyData.some(d => 'scene' in d && d.scene != null);
+    }
+    hasGeo() {
+        return this.plotlyData.some(d => 'geo' in d && d.geo != null);
+    }
+    hasMapbox() {
+        return this.plotlyData.some(({ type }) => type === null || type === void 0 ? void 0 : type.includes('mapbox'));
+    }
+    hasPolar() {
+        return this.plotlyData.some(({ type }) => type === null || type === void 0 ? void 0 : type.includes('polar'));
     }
     getPlotWidth() {
         var _a, _b, _c, _d;

package/dist/PlotlyExpressChartModel.js.map

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

package/dist/PlotlyExpressChartPanel.d.ts

@@ -1,12 +1,6 @@
 /// <reference types="react" />
-import { type ChartPanelProps } from '@deephaven/dashboard-core-plugins';
-import { type PlotlyChartWidget } from './PlotlyExpressChartUtils.js';
-export interface PlotlyExpressChartPanelProps extends ChartPanelProps {
-    fetch(): Promise<PlotlyChartWidget>;
-}
-declare function PlotlyExpressChartPanel(props: PlotlyExpressChartPanelProps): JSX.Element;
-declare namespace PlotlyExpressChartPanel {
-    var displayName: string;
-}
+import type { Widget } from '@deephaven/jsapi-types';
+import { type WidgetPanelProps } from '@deephaven/plugin';
+export declare function PlotlyExpressChartPanel(props: WidgetPanelProps<Widget>): JSX.Element;
 export default PlotlyExpressChartPanel;
 //# sourceMappingURL=PlotlyExpressChartPanel.d.ts.map

package/dist/PlotlyExpressChartPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlotlyExpressChartPanel.d.ts","sourceRoot":"","sources":["../src/PlotlyExpressChartPanel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAI3C,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,4BAA6B,SAAQ,eAAe;IACnE,KAAK,IAAI,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AAED,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eA0EnE;kBA1EQ,uBAAuB;;;AA8EhC,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"PlotlyExpressChartPanel.d.ts","sourceRoot":"","sources":["../src/PlotlyExpressChartPanel.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAK1D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,eAyBtE;AAED,eAAe,uBAAuB,CAAC"}

package/dist/PlotlyExpressChartPanel.js

@@ -10,63 +10,27 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
 import Plotly from 'plotly.js-dist-min';
-import { ChartPanel, } from '@deephaven/dashboard-core-plugins';
-import { ChartTheme } from '@deephaven/chart';
+import { ChartPanel } from '@deephaven/dashboard-core-plugins';
 import { useApi } from '@deephaven/jsapi-bootstrap';
 import PlotlyExpressChartModel from './PlotlyExpressChartModel.js';
-import { getWidgetData, getDataMappings, } from './PlotlyExpressChartUtils.js';
-function PlotlyExpressChartPanel(props) {
+import { useHandleSceneTicks } from './useHandleSceneTicks.js';
+export function PlotlyExpressChartPanel(props) {
     const dh = useApi();
-    const { fetch } = props, rest = __rest(props, ["fetch"]);
+    const { fetch, metadata = {} } = props, rest = __rest(props, ["fetch", "metadata"]);
     const containerRef = useRef(null);
     const [model, setModel] = useState();
     const makeModel = useCallback(async () => {
-        var _a;
-        const widgetInfo = await fetch();
-        const data = getWidgetData(widgetInfo);
-        const { plotly, deephaven } = data;
-        const isDefaultTemplate = !deephaven.is_user_set_template;
-        const tableColumnReplacementMap = await getDataMappings(widgetInfo);
-        const m = new PlotlyExpressChartModel(dh, tableColumnReplacementMap, plotly.data, (_a = plotly.layout) !== null && _a !== void 0 ? _a : {}, isDefaultTemplate, ChartTheme);
+        const widgetData = await fetch();
+        const m = new PlotlyExpressChartModel(dh, widgetData, fetch);
         setModel(m);
         return m;
     }, [dh, fetch]);
-    useEffect(function handle3DTicks() {
-        if (!model || !containerRef.current || !model.has3D()) {
-            return;
-        }
-        const container = containerRef.current;
-        function handleMouseDown() {
-            model === null || model === void 0 ? void 0 : model.pauseUpdates();
-            // The once option removes the listener after it is called
-            window.addEventListener('mouseup', handleMouseUp, { once: true });
-        }
-        function handleMouseUp() {
-            model === null || model === void 0 ? void 0 : model.resumeUpdates();
-        }
-        let wheelTimeout = 0;
-        function handleWheel() {
-            model === null || model === void 0 ? void 0 : model.pauseUpdates();
-            window.clearTimeout(wheelTimeout);
-            wheelTimeout = window.setTimeout(() => {
-                model === null || model === void 0 ? void 0 : model.resumeUpdates();
-            }, 300);
-        }
-        container.addEventListener('mousedown', handleMouseDown);
-        container.addEventListener('wheel', handleWheel);
-        return () => {
-            window.clearTimeout(wheelTimeout);
-            window.removeEventListener('mouseup', handleMouseUp);
-            container.removeEventListener('mousedown', handleMouseDown);
-            container.removeEventListener('wheel', handleWheel);
-        };
-    }, [model]);
+    useHandleSceneTicks(model, containerRef.current);
     return (_jsx(ChartPanel
     // eslint-disable-next-line react/jsx-props-no-spreading
-    , Object.assign({}, rest, { containerRef: containerRef, makeModel: makeModel, Plotly: Plotly })));
+    , Object.assign({}, rest, { containerRef: containerRef, makeModel: makeModel, Plotly: Plotly, metadata: metadata })));
 }
-PlotlyExpressChartPanel.displayName = 'PlotlyExpressChartPanel';
 export default PlotlyExpressChartPanel;
 //# sourceMappingURL=PlotlyExpressChartPanel.js.map

package/dist/PlotlyExpressChartPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotlyExpressChartPanel.js","sourceRoot":"","sources":["../src/PlotlyExpressChartPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlotlyExpressChartPanel.js","sourceRoot":"","sources":["../src/PlotlyExpressChartPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAmB,MAAM,mCAAmC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,UAAU,uBAAuB,CAAC,KAA+B;IACrE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzC,qBAAiC,CAAQ,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,MAAM,UAAU,GAAG,MAAM,KAAK,EAAE,CAAC;QACjC,MAAM,CAAC,GAAG,IAAI,uBAAuB,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;QAC7D,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,OAAO,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhB,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,UAAU;IACT,wDAAwD;wBACnD,IAAwB,IAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAuC,IACjD,CACH,CAAC;AACJ,CAAC;AAED,eAAe,uBAAuB,CAAC"}