@deephaven/js-plugin-matplotlib 0.4.1 → 0.5.1-alpha-pivots.0

package/dist/index.js

@@ -1,18 +1,12 @@
 "use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const plugin = require("@deephaven/plugin");
 const icons = require("@deephaven/icons");
 const require$$1 = require("react");
 const jsapiBootstrap = require("@deephaven/jsapi-bootstrap");
 const Log = require("@deephaven/log");
-var jsxRuntimeExports = {};
-var jsxRuntime = {
-  get exports() {
-    return jsxRuntimeExports;
-  },
-  set exports(v) {
-    jsxRuntimeExports = v;
-  }
-};
+const dashboard = require("@deephaven/dashboard");
+var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /*
 object-assign
@@ -103,21 +97,17 @@ function q(c, a, k) {
   void 0 !== k && (e = "" + k);
   void 0 !== a.key && (e = "" + a.key);
   void 0 !== a.ref && (l = a.ref);
-  for (b in a)
-    n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps)
-    for (b in a = c.defaultProps, a)
-      void 0 === d[b] && (d[b] = a[b]);
+  for (b in a) n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
   return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
 }
 reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
-(function(module2) {
-  {
-    module2.exports = reactJsxRuntime_production_min;
-  }
-})(jsxRuntime);
-const log = Log.module("@deephaven/js-plugin-matplotlib.MatplotlibView");
+{
+  jsxRuntime.exports = reactJsxRuntime_production_min;
+}
+var jsxRuntimeExports = jsxRuntime.exports;
+const log$1 = Log.module("@deephaven/js-plugin-matplotlib.MatplotlibView");
 const MatplotlibViewStyle = {
   height: "100%",
   width: "100%",
@@ -136,12 +126,12 @@ function MatplotlibView(props) {
   const dh = jsapiBootstrap.useApi();
   require$$1.useEffect(
     function initInputTable() {
-      if (!inputTable) {
+      if (inputTable == null) {
         return;
       }
       const table = inputTable;
       async function openTable() {
-        log.debug("openTable");
+        log$1.debug("openTable");
         const keyColumn = table.findColumn(
           "key"
           /* key */
@@ -160,7 +150,7 @@ function MatplotlibView(props) {
           dh.Table.EVENT_UPDATED,
           ({ detail: data }) => {
             const newRevision = data.rows[0].get(valueColumn);
-            log.debug("New revision", newRevision);
+            log$1.debug("New revision", newRevision);
             setRevision(newRevision);
           }
         );
@@ -168,7 +158,7 @@ function MatplotlibView(props) {
       }
       openTable();
       return function closeTable() {
-        log.debug("closeTable");
+        log$1.debug("closeTable");
         table.close();
       };
     },
@@ -177,12 +167,12 @@ function MatplotlibView(props) {
   require$$1.useEffect(
     function updateData() {
       async function fetchData() {
-        log.debug("fetchData");
+        log$1.debug("fetchData");
         const widget = await fetch();
         const imageData = widget.getDataAsBase64();
         setImageSrc(`data:image/png;base64,${imageData}`);
         if (revision <= 0) {
-          log.debug("Getting new input table");
+          log$1.debug("Getting new input table");
           const newInputTable = await widget.exportedObjects[0].fetch();
           setInputTable(newInputTable);
         }
@@ -202,9 +192,75 @@ function MatplotlibView(props) {
 }
 const MatplotlibPlugin = {
   name: "@deephaven/js-plugin-matplotlib",
+  title: "Matplotlib Figure",
   type: plugin.PluginType.WIDGET_PLUGIN,
   supportedTypes: "matplotlib.figure.Figure",
   component: MatplotlibView,
   icon: icons.vsGraph
 };
-module.exports = MatplotlibPlugin;
+const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let nanoid = (size = 21) => {
+  let id = "";
+  let bytes = crypto.getRandomValues(new Uint8Array(size |= 0));
+  while (size--) {
+    id += urlAlphabet[bytes[size] & 63];
+  }
+  return id;
+};
+function MatplotlibPanel(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MatplotlibView, { ...props });
+}
+MatplotlibPanel.COMPONENT = "MatPlotLibPanel";
+const VARIABLE_TYPE = "matplotlib.figure.Figure";
+const log = Log.module("@deephaven/js-plugin-matplotlib.DashboardPlugin");
+function DashboardPlugin({
+  id,
+  layout,
+  registerComponent
+}) {
+  const handlePanelOpen = require$$1.useCallback(
+    ({
+      dragEvent,
+      fetch,
+      metadata = {},
+      panelId = nanoid(),
+      widget
+    }) => {
+      const { name, type } = widget;
+      if (type !== VARIABLE_TYPE) {
+        return;
+      }
+      log.info("Panel opened of type", type);
+      const config = {
+        type: "react-component",
+        component: MatplotlibPanel.COMPONENT,
+        props: {
+          localDashboardId: id,
+          id: panelId,
+          metadata: {
+            ...metadata,
+            ...widget
+          },
+          fetch
+        },
+        title: name ?? void 0,
+        id: panelId
+      };
+      const { root } = layout;
+      dashboard.LayoutUtils.openComponent({ root, config, dragEvent });
+    },
+    [id, layout]
+  );
+  require$$1.useEffect(() => {
+    const cleanups = [
+      registerComponent(MatplotlibPanel.COMPONENT, MatplotlibPanel)
+    ];
+    return () => {
+      cleanups.forEach((cleanup) => cleanup());
+    };
+  }, [registerComponent]);
+  dashboard.useListener(layout.eventHub, "PanelEvent.OPEN", handlePanelOpen);
+  return null;
+}
+exports.DashboardPlugin = DashboardPlugin;
+exports.default = MatplotlibPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/js-plugin-matplotlib",
-  "version": "0.4.1",
+  "version": "0.5.1-alpha-pivots.0+3672c45",
   "description": "Deephaven Matplotlib plugin",
   "keywords": [
     "Deephaven",
@@ -28,23 +28,22 @@
   "devDependencies": {
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
-    "@vitejs/plugin-react-swc": "^3.0.0",
     "react": "^17.0.2",
-    "typescript": "^4.5.4",
-    "vite": "~4.1.4"
+    "react-dom": "^17.0.2"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@deephaven/components": "^0.58.0",
-    "@deephaven/dashboard": "^0.58.0",
-    "@deephaven/icons": "^0.58.0",
-    "@deephaven/jsapi-bootstrap": "^0.58.0",
-    "@deephaven/jsapi-types": "^0.58.0",
-    "@deephaven/log": "^0.58.0",
-    "@deephaven/plugin": "^0.58.0",
-    "shortid": "^2.2.16"
+    "@deephaven/components": "^0.87.0",
+    "@deephaven/dashboard": "^0.86.0",
+    "@deephaven/icons": "^0.87.0",
+    "@deephaven/jsapi-bootstrap": "^0.87.0",
+    "@deephaven/jsapi-types": "1.0.0-dev0.35.2",
+    "@deephaven/log": "^0.87.0",
+    "@deephaven/plugin": "^0.86.0",
+    "nanoid": "^5.0.7"
   },
   "publishConfig": {
     "access": "public"
@@ -52,5 +51,5 @@
   "files": [
     "dist/index.js"
   ],
-  "gitHead": "416f64e064e3e501099f5fda66c1d7d1b27c2722"
+  "gitHead": "3672c455111ffff5975520efd83e89f0f0476d2e"
 }