@vitessce/vega 3.4.6 → 3.4.8

package/dist-tsc/VegaPlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VegaPlot.d.ts","sourceRoot":"","sources":["../src/VegaPlot.js"],"names":[],"mappings":"AAsCA;;;;;;GAMG;AACH,gCALW,MAAM,sBA6EhB"}
+{"version":3,"file":"VegaPlot.d.ts","sourceRoot":"","sources":["../src/VegaPlot.js"],"names":[],"mappings":"AA2CA;;;;;;GAMG;AACH,gCALW,MAAM,sBAiFhB"}

package/dist-tsc/VegaPlot.js

@@ -1,11 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Suspense, useMemo } from 'react';
 import { Handler } from 'vega-tooltip';
+import * as vegaImport from 'vega';
 import clsx from 'clsx';
 import { useTooltipStyles } from '@vitessce/tooltip';
+import { getInterpolateFunction } from '@vitessce/legend';
 import ReactVega from './ReactVega.js';
 import { DATASET_NAME } from './utils.js';
 import { useStyles } from './styles.js';
+// Register additional colormaps using vega.scheme().
+// Reference: https://vega.github.io/vega/docs/schemes/
+vegaImport.scheme('jet', getInterpolateFunction('jet'));
 // TODO: React.lazy is not working with Vitessce in the portal-ui.
 // For now, we can work around this by not using React.lazy,
 // but for performance benefits that come with lazy-loading
@@ -78,6 +83,6 @@ export function VegaPlot(props) {
     }), [partialSpec]);
     const vegaComponent = useMemo(() => (_jsx(ReactVega, { spec: spec, data: {
             [DATASET_NAME]: data,
-        }, signalListeners: signalListeners, tooltip: tooltipHandler, renderer: "canvas", scaleFactor: 3 })), [spec, data, signalListeners, tooltipHandler]);
+        }, signalListeners: signalListeners, tooltip: tooltipHandler, renderer: "svg", scaleFactor: 3 }, JSON.stringify({ width: spec.width, height: spec.height }))), [spec, data, signalListeners, tooltipHandler]);
     return (spec && data && data.length > 0 ? (_jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: vegaComponent })) : null);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/vega",
-  "version": "3.4.6",
+  "version": "3.4.8",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -22,7 +22,8 @@
     "vega": "^5.21.0",
     "vega-lite": "^5.1.1",
     "vega-tooltip": "^0.27.0",
-    "@vitessce/tooltip": "3.4.6"
+    "@vitessce/tooltip": "3.4.8",
+    "@vitessce/legend": "3.4.8"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/VegaPlot.js

@@ -1,11 +1,16 @@
 import React, { Suspense, useMemo } from 'react';
 import { Handler } from 'vega-tooltip';
+import * as vegaImport from 'vega';
 import clsx from 'clsx';
 import { useTooltipStyles } from '@vitessce/tooltip';
+import { getInterpolateFunction } from '@vitessce/legend';
 import ReactVega from './ReactVega.js';
 import { DATASET_NAME } from './utils.js';
 import { useStyles } from './styles.js';
 
+// Register additional colormaps using vega.scheme().
+// Reference: https://vega.github.io/vega/docs/schemes/
+vegaImport.scheme('jet', getInterpolateFunction('jet'));
 
 // TODO: React.lazy is not working with Vitessce in the portal-ui.
 // For now, we can work around this by not using React.lazy,
@@ -103,8 +108,12 @@ export function VegaPlot(props) {
       }}
       signalListeners={signalListeners}
       tooltip={tooltipHandler}
-      renderer="canvas"
+      renderer="svg"
       scaleFactor={3}
+      // We need to force a re-render when the spec
+      // is the same except for changed width/height
+      // (to support responsive plots).
+      key={JSON.stringify({ width: spec.width, height: spec.height })}
     />
   ), [spec, data, signalListeners, tooltipHandler]);