@deephaven/js-plugin-plotly-express 0.3.1 → 0.3.2

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export * from './DashboardPlugin.js';
+import { PlotlyExpressPlugin } from './PlotlyExpressPlugin.js';
 export * from './PlotlyExpressChartModel.js';
 export * from './PlotlyExpressChartUtils.js';
+export default PlotlyExpressPlugin;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAE7C,eAAe,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
-export * from './DashboardPlugin.js';
+import { PlotlyExpressPlugin } from './PlotlyExpressPlugin.js';
 export * from './PlotlyExpressChartModel.js';
 export * from './PlotlyExpressChartUtils.js';
+export default PlotlyExpressPlugin;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAE7C,eAAe,mBAAmB,CAAC"}

package/dist/useHandleSceneTicks.d.ts

@@ -0,0 +1,4 @@
+import PlotlyExpressChartModel from './PlotlyExpressChartModel.js';
+export declare function useHandleSceneTicks(model: PlotlyExpressChartModel | undefined, container: HTMLDivElement | null): void;
+export default useHandleSceneTicks;
+//# sourceMappingURL=useHandleSceneTicks.d.ts.map

package/dist/useHandleSceneTicks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleSceneTicks.d.ts","sourceRoot":"","sources":["../src/useHandleSceneTicks.ts"],"names":[],"mappings":"AACA,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,uBAAuB,GAAG,SAAS,EAC1C,SAAS,EAAE,cAAc,GAAG,IAAI,QAuCjC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/useHandleSceneTicks.js

@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+export function useHandleSceneTicks(model, container) {
+    useEffect(() => {
+        // Plotly scenes and geo views reset when our data ticks
+        // Pause rendering data updates when the user is manipulating a scene
+        if (!model || !container || !model.shouldPauseOnUserInteraction()) {
+            return;
+        }
+        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, container]);
+}
+export default useHandleSceneTicks;
+//# sourceMappingURL=useHandleSceneTicks.js.map

package/dist/useHandleSceneTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleSceneTicks.js","sourceRoot":"","sources":["../src/useHandleSceneTicks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,UAAU,mBAAmB,CACjC,KAA0C,EAC1C,SAAgC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,wDAAwD;QACxD,qEAAqE;QACrE,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,4BAA4B,EAAE,EAAE;YACjE,OAAO;SACR;QAED,SAAS,eAAe;YACtB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,EAAE,CAAC;YACtB,0DAA0D;YAC1D,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,SAAS,aAAa;YACpB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,YAAY,GAAG,CAAC,CAAC;QAErB,SAAS,WAAW;YAClB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,EAAE,CAAC;YACtB,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;YAClC,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACpC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAE,CAAC;YACzB,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;QAED,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEjD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;YAClC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACrD,SAAS,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC5D,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACzB,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/js-plugin-plotly-express",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Deephaven plotly express plugin",
   "keywords": [
     "Deephaven",
@@ -11,7 +11,7 @@
   ],
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
-  "main": "dist/index.js",
+  "main": "dist/bundle/index.js",
   "type": "module",
   "exports": {
     ".": {
@@ -35,7 +35,7 @@
     "build": "tsc && vite build"
   },
   "devDependencies": {
-    "@deephaven/jsapi-types": "0.48.0",
+    "@deephaven/jsapi-types": "0.55.0",
     "@types/deep-equal": "^1.0.1",
     "@types/plotly.js": "^2.12.18",
     "@types/plotly.js-dist-min": "^2.3.1",
@@ -50,13 +50,15 @@
     "react": "^17.0.2"
   },
   "dependencies": {
-    "@deephaven/chart": "0.48.0",
-    "@deephaven/components": "0.48.0",
-    "@deephaven/dashboard": "0.48.0",
-    "@deephaven/dashboard-core-plugins": "0.48.0",
-    "@deephaven/jsapi-bootstrap": "0.48.0",
-    "@deephaven/log": "0.48.0",
-    "@deephaven/utils": "0.48.0",
+    "@deephaven/chart": "0.55.0",
+    "@deephaven/components": "0.55.0",
+    "@deephaven/dashboard": "0.55.0",
+    "@deephaven/dashboard-core-plugins": "0.55.0",
+    "@deephaven/icons": "0.55.0",
+    "@deephaven/jsapi-bootstrap": "0.55.0",
+    "@deephaven/log": "0.55.0",
+    "@deephaven/plugin": "0.55.0",
+    "@deephaven/utils": "0.55.0",
     "deep-equal": "^2.2.1",
     "plotly.js": "^2.23.0",
     "plotly.js-dist-min": "^2.23.0",
@@ -70,5 +72,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "ff0c9845d61816adb547885b567db9e6627642b4"
+  "gitHead": "05bbd5954bd728353d3c924232ebc4eb69675955"
 }

package/dist/DashboardPlugin.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { DashboardPluginComponentProps } from '@deephaven/dashboard';
-export declare function DashboardPlugin(props: DashboardPluginComponentProps): JSX.Element | null;
-export default DashboardPlugin;
-//# sourceMappingURL=DashboardPlugin.d.ts.map

package/dist/DashboardPlugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPlugin.d.ts","sourceRoot":"","sources":["../src/DashboardPlugin.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAK9B,wBAAgB,eAAe,CAC7B,KAAK,EAAE,6BAA6B,GACnC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6DpB;AAED,eAAe,eAAe,CAAC"}

package/dist/DashboardPlugin.js

@@ -1,39 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import shortid from 'shortid';
-import { LayoutUtils, PanelEvent, useListener, } from '@deephaven/dashboard';
-import PlotlyExpressChartPanel from './PlotlyExpressChartPanel.js';
-export function DashboardPlugin(props) {
-    const { id, layout, registerComponent } = props;
-    const handlePanelOpen = useCallback(async ({ dragEvent, fetch, metadata = {}, panelId = shortid.generate(), widget, }) => {
-        const { type, title } = widget;
-        if (type !== 'deephaven.plot.express.DeephavenFigure') {
-            return;
-        }
-        const config = {
-            type: 'react-component',
-            component: 'PlotlyPanel',
-            props: {
-                localDashboardId: id,
-                id: panelId,
-                metadata: Object.assign(Object.assign({}, metadata), { name: title, figure: title, type }),
-                fetch,
-            },
-            title,
-            id: panelId,
-        };
-        const { root } = layout;
-        LayoutUtils.openComponent({ root, config, dragEvent });
-    }, [id, layout]);
-    useEffect(function registerComponentsAndReturnCleanup() {
-        const cleanups = [
-            registerComponent('PlotlyPanel', PlotlyExpressChartPanel),
-        ];
-        return () => {
-            cleanups.forEach(cleanup => cleanup());
-        };
-    }, [registerComponent]);
-    useListener(layout.eventHub, PanelEvent.OPEN, handlePanelOpen);
-    return null;
-}
-export default DashboardPlugin;
-//# sourceMappingURL=DashboardPlugin.js.map

package/dist/DashboardPlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPlugin.js","sourceRoot":"","sources":["../src/DashboardPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAEL,WAAW,EACX,UAAU,EACV,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,MAAM,UAAU,eAAe,CAC7B,KAAoC;IAEpC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,eAAe,GAAG,WAAW,CACjC,KAAK,EAAE,EACL,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,EAC5B,MAAM,GAOP,EAAE,EAAE;QACH,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAC/B,IAAI,IAAI,KAAK,wCAAwC,EAAE;YACrD,OAAO;SACR;QAED,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,iBAA0B;YAChC,SAAS,EAAE,aAAa;YACxB,KAAK,EAAE;gBACL,gBAAgB,EAAE,EAAE;gBACpB,EAAE,EAAE,OAAO;gBACX,QAAQ,kCACH,QAAQ,KACX,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,EACb,IAAI,GACL;gBACD,KAAK;aACN;YACD,KAAK;YACL,EAAE,EAAE,OAAO;SACZ,CAAC;QAEF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QACxB,WAAW,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,EAAE,EAAE,MAAM,CAAC,CACb,CAAC;IAEF,SAAS,CACP,SAAS,kCAAkC;QACzC,MAAM,QAAQ,GAAG;YACf,iBAAiB,CAAC,aAAa,EAAE,uBAAuB,CAAC;SAC1D,CAAC;QACF,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IAE/D,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,eAAe,CAAC"}