@vitessce/scatterplot-embedding 3.5.4 → 3.5.6

package/dist/{deflate-5287db37.js → deflate-d0300d1e.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { B as BaseDecoder } from "./index-e8cfd624.js";
+import { B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{index-e8cfd624.js → index-59d93bea.js}

@@ -11018,7 +11018,8 @@ const ViewType$1 = {
   DOT_PLOT: "dotPlot",
   FEATURE_BAR_PLOT: "featureBarPlot",
   BIOMARKER_SELECT: "biomarkerSelect",
-  LINK_CONTROLLER: "linkController"
+  LINK_CONTROLLER: "linkController",
+  DUAL_SCATTERPLOT: "dualScatterplot"
 };
 const DataType$2 = {
   OBS_LABELS: "obsLabels",
@@ -11197,15 +11198,23 @@ const CoordinationType$1 = {
   HEATMAP_ZOOM_Y: "heatmapZoomY",
   HEATMAP_TARGET_X: "heatmapTargetX",
   HEATMAP_TARGET_Y: "heatmapTargetY",
-  OBS_FILTER: "obsFilter",
   OBS_HIGHLIGHT: "obsHighlight",
+  OBS_SELECTION: "obsSelection",
   OBS_SET_SELECTION: "obsSetSelection",
+  OBS_SELECTION_MODE: "obsSelectionMode",
+  OBS_FILTER: "obsFilter",
+  OBS_SET_FILTER: "obsSetFilter",
+  OBS_FILTER_MODE: "obsFilterMode",
   OBS_SET_HIGHLIGHT: "obsSetHighlight",
   OBS_SET_EXPANSION: "obsSetExpansion",
   OBS_SET_COLOR: "obsSetColor",
-  FEATURE_FILTER: "featureFilter",
   FEATURE_HIGHLIGHT: "featureHighlight",
   FEATURE_SELECTION: "featureSelection",
+  FEATURE_SET_SELECTION: "featureSetSelection",
+  FEATURE_SELECTION_MODE: "featureSelectionMode",
+  FEATURE_FILTER: "featureFilter",
+  FEATURE_SET_FILTER: "featureSetFilter",
+  FEATURE_FILTER_MODE: "featureFilterMode",
   FEATURE_VALUE_COLORMAP: "featureValueColormap",
   FEATURE_VALUE_TRANSFORM: "featureValueTransform",
   FEATURE_VALUE_COLORMAP_RANGE: "featureValueColormapRange",
@@ -11272,7 +11281,12 @@ const CoordinationType$1 = {
   SPATIAL_CHANNEL_LABEL_SIZE: "spatialChannelLabelSize",
   // Multi-sample / comparative
   SAMPLE_TYPE: "sampleType",
+  SAMPLE_SELECTION: "sampleSelection",
   SAMPLE_SET_SELECTION: "sampleSetSelection",
+  SAMPLE_SELECTION_MODE: "sampleSelectionMode",
+  SAMPLE_FILTER: "sampleFilter",
+  SAMPLE_SET_FILTER: "sampleSetFilter",
+  SAMPLE_FILTER_MODE: "sampleFilterMode",
   SAMPLE_SET_COLOR: "sampleSetColor",
   EMBEDDING_POINTS_VISIBLE: "embeddingPointsVisible",
   EMBEDDING_CONTOURS_VISIBLE: "embeddingContoursVisible",
@@ -11321,6 +11335,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_HIGHLIGHT,
@@ -11332,6 +11347,50 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.TOOLTIPS_VISIBLE,
     CoordinationType$1.SAMPLE_TYPE,
     CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
+    CoordinationType$1.SAMPLE_SET_COLOR,
+    CoordinationType$1.EMBEDDING_POINTS_VISIBLE,
+    CoordinationType$1.EMBEDDING_CONTOURS_VISIBLE,
+    CoordinationType$1.EMBEDDING_CONTOURS_FILLED,
+    CoordinationType$1.EMBEDDING_CONTOUR_PERCENTILES,
+    CoordinationType$1.CONTOUR_COLOR_ENCODING,
+    CoordinationType$1.CONTOUR_COLOR
+  ],
+  [ViewType$1.DUAL_SCATTERPLOT]: [
+    CoordinationType$1.DATASET,
+    CoordinationType$1.OBS_TYPE,
+    CoordinationType$1.FEATURE_TYPE,
+    CoordinationType$1.FEATURE_VALUE_TYPE,
+    CoordinationType$1.OBS_LABELS_TYPE,
+    CoordinationType$1.EMBEDDING_TYPE,
+    CoordinationType$1.EMBEDDING_ZOOM,
+    CoordinationType$1.EMBEDDING_ROTATION,
+    CoordinationType$1.EMBEDDING_TARGET_X,
+    CoordinationType$1.EMBEDDING_TARGET_Y,
+    CoordinationType$1.EMBEDDING_TARGET_Z,
+    CoordinationType$1.EMBEDDING_OBS_SET_POLYGONS_VISIBLE,
+    CoordinationType$1.EMBEDDING_OBS_SET_LABELS_VISIBLE,
+    CoordinationType$1.EMBEDDING_OBS_SET_LABEL_SIZE,
+    CoordinationType$1.EMBEDDING_OBS_RADIUS,
+    CoordinationType$1.EMBEDDING_OBS_RADIUS_MODE,
+    CoordinationType$1.EMBEDDING_OBS_OPACITY,
+    CoordinationType$1.EMBEDDING_OBS_OPACITY_MODE,
+    CoordinationType$1.OBS_FILTER,
+    CoordinationType$1.OBS_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
+    CoordinationType$1.OBS_SET_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_COLOR,
+    CoordinationType$1.FEATURE_HIGHLIGHT,
+    CoordinationType$1.FEATURE_SELECTION,
+    CoordinationType$1.FEATURE_VALUE_COLORMAP,
+    CoordinationType$1.FEATURE_VALUE_COLORMAP_RANGE,
+    CoordinationType$1.OBS_COLOR_ENCODING,
+    CoordinationType$1.ADDITIONAL_OBS_SETS,
+    CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.SAMPLE_TYPE,
+    CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
     CoordinationType$1.SAMPLE_SET_COLOR,
     CoordinationType$1.EMBEDDING_POINTS_VISIBLE,
     CoordinationType$1.EMBEDDING_CONTOURS_VISIBLE,
@@ -11398,6 +11457,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_HIGHLIGHT,
@@ -11434,6 +11494,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_HIGHLIGHT,
@@ -11493,6 +11554,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_FILTER,
@@ -11508,6 +11570,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.DATASET,
     CoordinationType$1.OBS_TYPE,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_EXPANSION,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
@@ -11519,6 +11582,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.DATASET,
     CoordinationType$1.OBS_TYPE,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_EXPANSION,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
@@ -11551,6 +11615,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_VALUE_TRANSFORM,
     CoordinationType$1.FEATURE_VALUE_TRANSFORM_COEFFICIENT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
@@ -11567,7 +11632,8 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.OBS_COLOR_ENCODING,
-    CoordinationType$1.OBS_SET_SELECTION
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER
   ],
   [ViewType$1.LAYER_CONTROLLER]: [
     CoordinationType$1.DATASET,
@@ -11682,11 +11748,13 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_VALUE_POSITIVITY_THRESHOLD,
     CoordinationType$1.FEATURE_VALUE_COLORMAP,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.SAMPLE_TYPE,
     CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
     CoordinationType$1.SAMPLE_SET_COLOR
   ],
   higlass: [
@@ -11717,7 +11785,10 @@ const COMPONENT_COORDINATION_TYPES = {
   [ViewType$1.LINK_CONTROLLER]: [],
   [ViewType$1.BIOMARKER_SELECT]: [
     CoordinationType$1.FEATURE_SELECTION,
-    CoordinationType$1.SAMPLE_SET_SELECTION
+    CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER
     // TODO: create coordination types for internal state of the biomarker selection view?
   ]
 };
@@ -123983,16 +124054,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-55d1ddac.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-24b336d4.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-03df793e.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-2bf68d77.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-17a85e73.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-5287db37.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-44cebc8c.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-c362fa1c.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-6f2a65d0.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-96119ba3.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-d0300d1e.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-b40edb17.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-c167c85c.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-1cf2f04f.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -148134,7 +148205,9 @@ function EmbeddingScatterplotSubscriber(props) {
     title: titleOverride,
     helpText = ViewHelpMapping.SCATTERPLOT,
     // Average fill density for dynamic opacity calculation.
-    averageFillDensity
+    averageFillDensity,
+    // For the dual scatterplot:
+    sampleSetSelection: sampleSetSelectionFromProps
   } = props;
   const loaders = useLoaders();
   const setComponentHover = useSetComponentHover();
@@ -148167,7 +148240,7 @@ function EmbeddingScatterplotSubscriber(props) {
     featureValueColormap: geneExpressionColormap,
     featureValueColormapRange: geneExpressionColormapRange,
     tooltipsVisible,
-    sampleSetSelection,
+    sampleSetSelection: sampleSetSelectionFromCoordination,
     sampleSetColor,
     embeddingPointsVisible,
     embeddingContoursVisible,
@@ -148211,6 +148284,7 @@ function EmbeddingScatterplotSubscriber(props) {
     coordinationScopes
   );
   const observationsLabel = observationsLabelOverride || obsType;
+  const sampleSetSelection = sampleSetSelectionFromProps || sampleSetSelectionFromCoordination;
   const [width, height, deckRef] = useDeckCanvasSize();
   const title = titleOverride || `Scatterplot (${mapping})`;
   const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(
@@ -148677,8 +148751,36 @@ function EmbeddingScatterplotSubscriber(props) {
     }
   );
 }
+function DualEmbeddingScatterplotSubscriber(props) {
+  const {
+    coordinationScopes
+  } = props;
+  const [{
+    sampleSetSelection
+  }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.DUAL_SCATTERPLOT], coordinationScopes);
+  const caseSampleSetSelection = useMemo(() => (sampleSetSelection == null ? void 0 : sampleSetSelection[0]) ? [sampleSetSelection[0]] : null, [sampleSetSelection]);
+  const ctrlSampleSetSelection = useMemo(() => (sampleSetSelection == null ? void 0 : sampleSetSelection[1]) ? [sampleSetSelection[1]] : null, [sampleSetSelection]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "50%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EmbeddingScatterplotSubscriber,
+      {
+        ...props,
+        sampleSetSelection: caseSampleSetSelection
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "50%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EmbeddingScatterplotSubscriber,
+      {
+        ...props,
+        title: "",
+        sampleSetSelection: ctrlSampleSetSelection
+      }
+    ) })
+  ] });
+}
 export {
   BaseDecoder as B,
+  DualEmbeddingScatterplotSubscriber as D,
   EmbeddingScatterplotSubscriber as E,
   getDefaultExportFromCjs as g
 };

package/dist/index.js

@@ -1,7 +1,8 @@
-import { E } from "./index-e8cfd624.js";
+import { D, E } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";
 export {
+  D as DualEmbeddingScatterplotSubscriber,
   E as EmbeddingScatterplotSubscriber
 };

package/dist/{jpeg-17a85e73.js → jpeg-96119ba3.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-e8cfd624.js";
+import { B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lerc-c362fa1c.js → lerc-c167c85c.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-e8cfd624.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lzw-24b336d4.js → lzw-2bf68d77.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-e8cfd624.js";
+import { B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{packbits-44cebc8c.js → packbits-b40edb17.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-e8cfd624.js";
+import { B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{raw-55d1ddac.js → raw-03df793e.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-e8cfd624.js";
+import { B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{webimage-6f2a65d0.js → webimage-1cf2f04f.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-e8cfd624.js";
+import { B as BaseDecoder } from "./index-59d93bea.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist-tsc/DualEmbeddingScatterplotSubscriber.d.ts

@@ -0,0 +1,25 @@
+/**
+ * A subscriber component for a pair of embedding scatterplots.
+ * This dual implementation
+ * interprets a user specification of a pair of CoordinationType.SAMPLE_SET_FILTER
+ * coordination types to stratify of the data.
+ * @param {object} props
+ * @param {number} props.uuid The unique identifier for this component.
+ * @param {string} props.theme The current theme name.
+ * @param {object} props.coordinationScopes The mapping from coordination types to coordination
+ * scopes.
+ * @param {function} props.removeGridComponent The callback function to pass to TitleInfo,
+ * to call when the component has been removed from the grid.
+ * @param {string} props.title An override value for the component title.
+ * @param {number} props.averageFillDensity Override the average fill density calculation
+ * when using dynamic opacity mode.
+ */
+export function DualEmbeddingScatterplotSubscriber(props: {
+    uuid: number;
+    theme: string;
+    coordinationScopes: object;
+    removeGridComponent: Function;
+    title: string;
+    averageFillDensity: number;
+}): JSX.Element;
+//# sourceMappingURL=DualEmbeddingScatterplotSubscriber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DualEmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/DualEmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AACH,0DAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAuCA"}

package/dist-tsc/DualEmbeddingScatterplotSubscriber.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useCoordination, } from '@vitessce/vit-s';
+import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';
+import { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+/**
+ * A subscriber component for a pair of embedding scatterplots.
+ * This dual implementation
+ * interprets a user specification of a pair of CoordinationType.SAMPLE_SET_FILTER
+ * coordination types to stratify of the data.
+ * @param {object} props
+ * @param {number} props.uuid The unique identifier for this component.
+ * @param {string} props.theme The current theme name.
+ * @param {object} props.coordinationScopes The mapping from coordination types to coordination
+ * scopes.
+ * @param {function} props.removeGridComponent The callback function to pass to TitleInfo,
+ * to call when the component has been removed from the grid.
+ * @param {string} props.title An override value for the component title.
+ * @param {number} props.averageFillDensity Override the average fill density calculation
+ * when using dynamic opacity mode.
+ */
+export function DualEmbeddingScatterplotSubscriber(props) {
+    const { coordinationScopes, } = props;
+    // Get "props" from the coordination space.
+    const [{ sampleSetSelection, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
+    const caseSampleSetSelection = useMemo(() => (sampleSetSelection?.[0]
+        ? [sampleSetSelection[0]]
+        : null), [sampleSetSelection]);
+    const ctrlSampleSetSelection = useMemo(() => (sampleSetSelection?.[1]
+        ? [sampleSetSelection[1]]
+        : null), [sampleSetSelection]);
+    return (_jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'row' }, children: [_jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, sampleSetSelection: caseSampleSetSelection }) }), _jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, title: "", sampleSetSelection: ctrlSampleSetSelection }) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;GAYG;AACH,sDAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAihBA"}
+{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;GAYG;AACH,sDAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAshBA"}

package/dist-tsc/EmbeddingScatterplotSubscriber.js

@@ -25,14 +25,17 @@ import { DEFAULT_CONTOUR_PERCENTILES } from './constants.js';
 export function EmbeddingScatterplotSubscriber(props) {
     const { uuid, coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, observationsLabelOverride, title: titleOverride, helpText = ViewHelpMapping.SCATTERPLOT, 
     // Average fill density for dynamic opacity calculation.
-    averageFillDensity, } = props;
+    averageFillDensity, 
+    // For the dual scatterplot:
+    sampleSetSelection: sampleSetSelectionFromProps, } = props;
     const loaders = useLoaders();
     const setComponentHover = useSetComponentHover();
     const setComponentViewInfo = useSetComponentViewInfo(uuid);
     // Get "props" from the coordination space.
-    const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom, embeddingTargetX: targetX, embeddingTargetY: targetY, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, sampleSetSelection, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
+    const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom, embeddingTargetX: targetX, embeddingTargetY: targetY, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, sampleSetSelection: sampleSetSelectionFromCoordination, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
     const { embeddingZoom: initialZoom, embeddingTargetX: initialTargetX, embeddingTargetY: initialTargetY, } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
     const observationsLabel = observationsLabelOverride || obsType;
+    const sampleSetSelection = (sampleSetSelectionFromProps || sampleSetSelectionFromCoordination);
     const [width, height, deckRef] = useDeckCanvasSize();
     const title = titleOverride || `Scatterplot (${mapping})`;
     const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);

package/dist-tsc/index.d.ts

@@ -1,2 +1,3 @@
 export { EmbeddingScatterplotSubscriber } from "./EmbeddingScatterplotSubscriber.js";
+export { DualEmbeddingScatterplotSubscriber } from "./DualEmbeddingScatterplotSubscriber.js";
 //# sourceMappingURL=index.d.ts.map

package/dist-tsc/index.js

@@ -1 +1,2 @@
 export { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+export { DualEmbeddingScatterplotSubscriber } from './DualEmbeddingScatterplotSubscriber.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-embedding",
-  "version": "3.5.4",
+  "version": "3.5.6",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,12 +20,12 @@
     "d3-array": "^2.4.0",
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
-    "@vitessce/constants-internal": "3.5.4",
-    "@vitessce/legend": "3.5.4",
-    "@vitessce/scatterplot": "3.5.4",
-    "@vitessce/sets-utils": "3.5.4",
-    "@vitessce/utils": "3.5.4",
-    "@vitessce/vit-s": "3.5.4"
+    "@vitessce/constants-internal": "3.5.6",
+    "@vitessce/legend": "3.5.6",
+    "@vitessce/scatterplot": "3.5.6",
+    "@vitessce/sets-utils": "3.5.6",
+    "@vitessce/utils": "3.5.6",
+    "@vitessce/vit-s": "3.5.6"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/DualEmbeddingScatterplotSubscriber.js

@@ -0,0 +1,63 @@
+import React, { useMemo } from 'react';
+import {
+  useCoordination,
+} from '@vitessce/vit-s';
+import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';
+import { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+
+
+/**
+ * A subscriber component for a pair of embedding scatterplots.
+ * This dual implementation
+ * interprets a user specification of a pair of CoordinationType.SAMPLE_SET_FILTER
+ * coordination types to stratify of the data.
+ * @param {object} props
+ * @param {number} props.uuid The unique identifier for this component.
+ * @param {string} props.theme The current theme name.
+ * @param {object} props.coordinationScopes The mapping from coordination types to coordination
+ * scopes.
+ * @param {function} props.removeGridComponent The callback function to pass to TitleInfo,
+ * to call when the component has been removed from the grid.
+ * @param {string} props.title An override value for the component title.
+ * @param {number} props.averageFillDensity Override the average fill density calculation
+ * when using dynamic opacity mode.
+ */
+export function DualEmbeddingScatterplotSubscriber(props) {
+  const {
+    coordinationScopes,
+  } = props;
+
+  // Get "props" from the coordination space.
+  const [{
+    sampleSetSelection,
+  }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
+
+  const caseSampleSetSelection = useMemo(() => (
+    sampleSetSelection?.[0]
+      ? [sampleSetSelection[0]]
+      : null
+  ), [sampleSetSelection]);
+  const ctrlSampleSetSelection = useMemo(() => (
+    sampleSetSelection?.[1]
+      ? [sampleSetSelection[1]]
+      : null
+  ), [sampleSetSelection]);
+
+  return (
+    <div style={{ width: '100%', height: '100%', display: 'flex', flexDirection: 'row' }}>
+      <div style={{ width: '50%', display: 'flex', flexDirection: 'column' }}>
+        <EmbeddingScatterplotSubscriber
+          {...props}
+          sampleSetSelection={caseSampleSetSelection}
+        />
+      </div>
+      <div style={{ width: '50%', display: 'flex', flexDirection: 'column' }}>
+        <EmbeddingScatterplotSubscriber
+          {...props}
+          title=""
+          sampleSetSelection={ctrlSampleSetSelection}
+        />
+      </div>
+    </div>
+  );
+}

package/src/EmbeddingScatterplotSubscriber.js

@@ -66,6 +66,9 @@ export function EmbeddingScatterplotSubscriber(props) {
     helpText = ViewHelpMapping.SCATTERPLOT,
     // Average fill density for dynamic opacity calculation.
     averageFillDensity,
+
+    // For the dual scatterplot:
+    sampleSetSelection: sampleSetSelectionFromProps,
   } = props;
 
   const loaders = useLoaders();
@@ -101,7 +104,7 @@ export function EmbeddingScatterplotSubscriber(props) {
     featureValueColormap: geneExpressionColormap,
     featureValueColormapRange: geneExpressionColormapRange,
     tooltipsVisible,
-    sampleSetSelection,
+    sampleSetSelection: sampleSetSelectionFromCoordination,
     sampleSetColor,
     embeddingPointsVisible,
     embeddingContoursVisible,
@@ -146,6 +149,8 @@ export function EmbeddingScatterplotSubscriber(props) {
   );
 
   const observationsLabel = observationsLabelOverride || obsType;
+  const sampleSetSelection = (sampleSetSelectionFromProps || sampleSetSelectionFromCoordination
+  );
 
   const [width, height, deckRef] = useDeckCanvasSize();
 

package/src/index.js

@@ -1 +1,2 @@
 export { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+export { DualEmbeddingScatterplotSubscriber } from './DualEmbeddingScatterplotSubscriber.js';