@vitessce/statistical-plots 3.6.16 → 3.6.18

package/dist/{deflate-CWzHkMt8.js → deflate-DaFHdnIz.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { B as BaseDecoder } from "./index-jTgzybKh.js";
+import { B as BaseDecoder } from "./index-C8VlTSXb.js";
 class DeflateDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return inflate_1(new Uint8Array(buffer)).buffer;

package/dist/{index-jTgzybKh.js → index-C8VlTSXb.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key2, value2) => __defNormalProp(obj, typeof key2 !==
 var _a2, _b;
 import * as React from "react";
 import React__default, { useState, useContext, useRef, useCallback, useEffect, forwardRef as forwardRef$1, useMemo, createContext, createElement, isValidElement, cloneElement, Children, Suspense } from "react";
-import { usePlotOptionsStyles, OptionsContainer, OptionSelect, useLoaders, useCoordination, useGridItemSize, useFeatureSelection, useFeatureLabelsData, useExpandedFeatureLabelsMap, useObsFeatureMatrixIndices, useObsSetsData, useSampleSetsData, useSampleEdgesData, useReady, useUrls, TitleInfo, useObsFeatureMatrixData, useMatchingLoader, useColumnNameMapping, useFeatureStatsData, useObsSetStatsData, useAsyncFunction, useFeatureSetStatsData } from "@vitessce/vit-s";
+import { usePlotOptionsStyles, OptionsContainer, OptionSelect, useLoaders, useCoordinationScopes, useCoordination, useGridItemSize, useFeatureSelection, useFeatureLabelsData, useExpandedFeatureLabelsMap, useObsFeatureMatrixIndices, useObsSetsData, useSampleSetsData, useSampleEdgesData, useReady, useUrls, TitleInfo, useObsFeatureMatrixData, useMatchingLoader, useColumnNameMapping, useFeatureStatsData, useObsSetStatsData, useAsyncFunction, useFeatureSetStatsData } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 function _mergeNamespaces(n2, m2) {
@@ -178737,22 +178737,22 @@ function addDecoder(cases2, importFn) {
   }
   cases2.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-DDZdro0w.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-BeELIhvX.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-BjsOfrZJ.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-H16ZlUv0.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-CKLZ6Ujk.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-CWzHkMt8.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-Dt1MSk9z.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-DI6r1Qu1.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-DaFHdnIz.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-3-1YYdxN.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-Bg8_SUgD.js").then(async (m2) => {
+  () => import("./lerc-CSlbF9fX.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-rE8shGdx.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-U9BOPX4n.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset2 = 0;
@@ -198745,7 +198745,7 @@ function useExpressionByCellSet(sampleEdges, sampleSets, sampleSetSelection, exp
 function CellSetExpressionPlotSubscriber(props) {
   var _a3;
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -198759,6 +198759,7 @@ function CellSetExpressionPlotSubscriber(props) {
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -249852,7 +249853,7 @@ function CellSetSizesPlot(props) {
 }
 function CellSetSizesPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -249862,6 +249863,7 @@ function CellSetSizesPlotSubscriber(props) {
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -250042,7 +250044,7 @@ function ExpressionHistogram(props) {
 }
 function ExpressionHistogramSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -250051,6 +250053,7 @@ function ExpressionHistogramSubscriber(props) {
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -250444,7 +250447,7 @@ function useExpressionSummaries(sampleEdges, sampleSets, sampleSetSelection, exp
 function DotPlotSubscriber(props) {
   var _a3;
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     title: title2 = "Dot Plot",
@@ -250453,6 +250456,7 @@ function DotPlotSubscriber(props) {
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -250795,7 +250799,7 @@ function FeatureBarPlot(props) {
 }
 function FeatureBarPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     yMin = 0,
@@ -250804,6 +250808,7 @@ function FeatureBarPlotSubscriber(props) {
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -251178,13 +251183,14 @@ function TreemapOptions(props) {
 const DEFAULT_HIERARCHY_LEVELS = ["obsSet", "sampleSet"];
 function TreemapSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.TREEMAP
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -251683,13 +251689,14 @@ function VolcanoPlotOptions(props) {
 function VolcanoPlotSubscriber(props) {
   const {
     title: title2 = "Volcano Plot",
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.VOLCANO_PLOT
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -252027,13 +252034,14 @@ function CellSetCompositionBarPlot(props) {
 }
 function CellSetCompositionBarPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.OBS_SET_COMPOSITION_BAR_PLOT
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,
@@ -252331,13 +252339,14 @@ function FeatureSetEnrichmentBarPlot(props) {
 }
 function FeatureSetEnrichmentBarPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.FEATURE_SET_ENRICHMENT_BAR_PLOT
   } = props;
   const { classes: classes2 } = useStyles$1();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const transformFeature = useAsyncFunction(AsyncFunctionType.TRANSFORM_FEATURE);
   const [{
     dataset,
@@ -252570,12 +252579,13 @@ function FeatureStatsTable(props) {
 function FeatureStatsTableSubscriber(props) {
   const {
     title: title2 = "Differential Expression Results",
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.FEATURE_STATS_TABLE
   } = props;
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const [{
     dataset,
     obsType,

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b, f, C, e, a, i, D, h, E, F, c, d, T, V } from "./index-jTgzybKh.js";
+import { b, f, C, e, a, i, D, h, E, F, c, d, T, V } from "./index-C8VlTSXb.js";
 export {
   b as CellSetCompositionBarPlotSubscriber,
   f as CellSetExpressionPlot,

package/dist/{jpeg-CKLZ6Ujk.js → jpeg-DI6r1Qu1.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-jTgzybKh.js";
+import { B as BaseDecoder } from "./index-C8VlTSXb.js";
 const dctZigZag = new Int32Array([
   0,
   1,

package/dist/{lerc-Bg8_SUgD.js → lerc-CSlbF9fX.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-jTgzybKh.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-C8VlTSXb.js";
 const LercParameters = {
   AddCompression: 1
 };

package/dist/{lzw-BeELIhvX.js → lzw-H16ZlUv0.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-jTgzybKh.js";
+import { B as BaseDecoder } from "./index-C8VlTSXb.js";
 const MIN_BITS = 9;
 const CLEAR_CODE = 256;
 const EOI_CODE = 257;

package/dist/{packbits-Dt1MSk9z.js → packbits-3-1YYdxN.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-jTgzybKh.js";
+import { B as BaseDecoder } from "./index-C8VlTSXb.js";
 class PackbitsDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     const dataView = new DataView(buffer);

package/dist/{raw-DDZdro0w.js → raw-BjsOfrZJ.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-jTgzybKh.js";
+import { B as BaseDecoder } from "./index-C8VlTSXb.js";
 class RawDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return buffer;

package/dist/{webimage-rE8shGdx.js → webimage-U9BOPX4n.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-jTgzybKh.js";
+import { B as BaseDecoder } from "./index-C8VlTSXb.js";
 class WebImageDecoder extends BaseDecoder {
   constructor() {
     super();

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

@@ -1 +1 @@
-{"version":3,"file":"CellSetCompositionBarPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/CellSetCompositionBarPlotSubscriber.js"],"names":[],"mappings":"AAwBA,6EAqIC"}
+{"version":3,"file":"CellSetCompositionBarPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/CellSetCompositionBarPlotSubscriber.js"],"names":[],"mappings":"AAyBA,6EAsIC"}

package/dist-tsc/CellSetCompositionBarPlotSubscriber.js

@@ -1,16 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-unused-vars */
 import React, { useCallback } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useReady, useGridItemSize, useObsSetStatsData, useMatchingLoader, useColumnNameMapping, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useReady, useGridItemSize, useObsSetStatsData, useMatchingLoader, useColumnNameMapping, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping, DataType, } from '@vitessce/constants-internal';
 import { capitalize } from '@vitessce/utils';
 import CellSetCompositionBarPlot from './CellSetCompositionBarPlot.js';
 import { useStyles } from './styles.js';
 import { useRawSetPaths } from './utils.js';
 export function CellSetCompositionBarPlotSubscriber(props) {
-    const { coordinationScopes, removeGridComponent, theme, helpText = ViewHelpMapping.OBS_SET_COMPOSITION_BAR_PLOT, } = props;
+    const { coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, helpText = ViewHelpMapping.OBS_SET_COMPOSITION_BAR_PLOT, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, sampleType, featureType, featureValueType, obsFilter: cellFilter, obsHighlight: cellHighlight, obsSetSelection, obsSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, featurePointSignificanceThreshold, featurePointFoldChangeThreshold, featureLabelSignificanceThreshold, featureLabelFoldChangeThreshold, featureValueTransform, featureValueTransformCoefficient, gatingFeatureSelectionX, gatingFeatureSelectionY, featureSelection, sampleSetSelection, sampleSetColor, }, { setObsFilter: setCellFilter, setObsSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setFeaturePointSignificanceThreshold, setFeaturePointFoldChangeThreshold, setFeatureLabelSignificanceThreshold, setFeatureLabelFoldChangeThreshold, setFeatureValueTransform, setFeatureValueTransformCoefficient, setGatingFeatureSelectionX, setGatingFeatureSelectionY, setFeatureSelection, setSampleSetSelection, setSampleSetColor, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.OBS_SET_COMPOSITION_BAR_PLOT], coordinationScopes);
     const [width, height, containerRef] = useGridItemSize();

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

@@ -1 +1 @@
-{"version":3,"file":"CellSetExpressionPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/CellSetExpressionPlotSubscriber.js"],"names":[],"mappings":"AA0HA;;;;;;;;;GASG;AACH,uDALG;IAAwB,mBAAmB;IACrB,kBAAkB,EAAhC,MAAM;IAEQ,KAAK,EAAnB,MAAM;CAChB,eA8MA"}
+{"version":3,"file":"CellSetExpressionPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/CellSetExpressionPlotSubscriber.js"],"names":[],"mappings":"AA2HA;;;;;;;;;GASG;AACH,uDALG;IAAwB,mBAAmB;IACrB,kBAAkB,EAAhC,MAAM;IAEQ,KAAK,EAAnB,MAAM;CAChB,eA+MA"}

package/dist-tsc/CellSetExpressionPlotSubscriber.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useFeatureSelection, useObsSetsData, useObsFeatureMatrixIndices, useFeatureLabelsData, useSampleSetsData, useSampleEdgesData, useExpandedFeatureLabelsMap, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useFeatureSelection, useObsSetsData, useObsFeatureMatrixIndices, useFeatureLabelsData, useSampleSetsData, useSampleEdgesData, useExpandedFeatureLabelsMap, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { VALUE_TRANSFORM_OPTIONS, capitalize, cleanFeatureId } from '@vitessce/utils';
 import { treeToSetSizesBySetNames, mergeObsSets, stratifyExpressionData, aggregateStratifiedExpressionData, } from '@vitessce/sets-utils';
@@ -89,9 +89,10 @@ function useExpressionByCellSet(sampleEdges, sampleSets, sampleSetSelection, exp
  * @param {string} props.theme The name of the current Vitessce theme.
  */
 export function CellSetExpressionPlotSubscriber(props) {
-    const { coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, title, xAxisTitle, jitter = false, yMin = null, yUnits = null, helpText = ViewHelpMapping.OBS_SET_FEATURE_VALUE_DISTRIBUTION, } = props;
+    const { coordinationScopes: coordinationScopesRaw, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, title, xAxisTitle, jitter = false, yMin = null, yUnits = null, helpText = ViewHelpMapping.OBS_SET_FEATURE_VALUE_DISTRIBUTION, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, featureType, featureValueType, featureSelection: geneSelection, featureValueTransform, featureValueTransformCoefficient, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, sampleType, sampleSetSelection, sampleSetColor, featureAggregationStrategy, }, { setFeatureValueTransform, setFeatureValueTransformCoefficient, setSampleSetColor, setFeatureAggregationStrategy, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.OBS_SET_FEATURE_VALUE_DISTRIBUTION], coordinationScopes);
     const [width, height, containerRef] = useGridItemSize();

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

@@ -1 +1 @@
-{"version":3,"file":"CellSetSizesPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/CellSetSizesPlotSubscriber.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;GAUG;AACH,kDANG;IAAwB,mBAAmB;IACnB,OAAO;IAET,KAAK,EAAnB,MAAM;IACQ,KAAK,EAAnB,MAAM;CAChB,eAoIA"}
+{"version":3,"file":"CellSetSizesPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/CellSetSizesPlotSubscriber.js"],"names":[],"mappings":"AAiBA;;;;;;;;;;GAUG;AACH,kDANG;IAAwB,mBAAmB;IACnB,OAAO;IAET,KAAK,EAAnB,MAAM;IACQ,KAAK,EAAnB,MAAM;CAChB,eAqIA"}

package/dist-tsc/CellSetSizesPlotSubscriber.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo, useState } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useObsSetsData, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useObsSetsData, useCoordinationScopes, } from '@vitessce/vit-s';
 import { isEqual } from 'lodash-es';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { mergeObsSets, treeToSetSizesBySetNames, filterPathsByExpansionAndSelection, findChangedHierarchy, } from '@vitessce/sets-utils';
@@ -19,9 +19,10 @@ import { useStyles } from './styles.js';
  * @param {string} props.title The component title.
  */
 export function CellSetSizesPlotSubscriber(props) {
-    const { coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, title: titleOverride, helpText = ViewHelpMapping.OBS_SET_SIZES, } = props;
+    const { coordinationScopes: coordinationScopesRaw, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, title: titleOverride, helpText = ViewHelpMapping.OBS_SET_SIZES, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, obsSetExpansion: cellSetExpansion, }, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.OBS_SET_SIZES], coordinationScopes);
     const title = titleOverride || `${capitalize(obsType)} Set Sizes`;

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

@@ -1 +1 @@
-{"version":3,"file":"DotPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/DotPlotSubscriber.js"],"names":[],"mappings":"AAmBA;;;;;;;GAOG;AACH,yCALG;IAAwB,mBAAmB;IACrB,kBAAkB,EAAhC,MAAM;IAEQ,KAAK,EAAnB,MAAM;CAChB,eA2LA"}
+{"version":3,"file":"DotPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/DotPlotSubscriber.js"],"names":[],"mappings":"AAoBA;;;;;;;GAOG;AACH,yCALG;IAAwB,mBAAmB;IACrB,kBAAkB,EAAhC,MAAM;IAEQ,KAAK,EAAnB,MAAM;CAChB,eA4LA"}

package/dist-tsc/DotPlotSubscriber.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useFeatureSelection, useObsSetsData, useObsFeatureMatrixIndices, useFeatureLabelsData, useSampleSetsData, useSampleEdgesData, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useFeatureSelection, useObsSetsData, useObsFeatureMatrixIndices, useFeatureLabelsData, useSampleSetsData, useSampleEdgesData, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { VALUE_TRANSFORM_OPTIONS } from '@vitessce/utils';
 import CellSetExpressionPlotOptions from './CellSetExpressionPlotOptions.js';
@@ -16,9 +16,10 @@ import { useExpressionSummaries } from './dot-plot-hook.js';
  * @param {string} props.theme The name of the current Vitessce theme.
  */
 export function DotPlotSubscriber(props) {
-    const { coordinationScopes, removeGridComponent, theme, title = 'Dot Plot', transpose = true, helpText = ViewHelpMapping.DOT_PLOT, } = props;
+    const { coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, title = 'Dot Plot', transpose = true, helpText = ViewHelpMapping.DOT_PLOT, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, featureType, featureValueType, featureSelection: geneSelection, featureValueTransform, featureValueTransformCoefficient, featureValuePositivityThreshold: posThreshold, featureValueColormap, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, sampleType, sampleSetSelection, 
     // eslint-disable-next-line no-unused-vars

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

@@ -1 +1 @@
-{"version":3,"file":"ExpressionHistogramSubscriber.d.ts","sourceRoot":"","sources":["../src/ExpressionHistogramSubscriber.js"],"names":[],"mappings":"AAcA;;;;;;;;;GASG;AACH,qDALG;IAAwB,mBAAmB;IACrB,kBAAkB,EAAhC,MAAM;IAEQ,KAAK,EAAnB,MAAM;CAChB,eAsIA"}
+{"version":3,"file":"ExpressionHistogramSubscriber.d.ts","sourceRoot":"","sources":["../src/ExpressionHistogramSubscriber.js"],"names":[],"mappings":"AAeA;;;;;;;;;GASG;AACH,qDALG;IAAwB,mBAAmB;IACrB,kBAAkB,EAAhC,MAAM;IAEQ,KAAK,EAAnB,MAAM;CAChB,eAuIA"}

package/dist-tsc/ExpressionHistogramSubscriber.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo, useCallback, } from 'react';
 import { sum } from 'd3-array';
-import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useObsFeatureMatrixData, useFeatureSelection, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useObsFeatureMatrixData, useFeatureSelection, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { setObsSelection, getObsInfoFromDataWithinRange } from '@vitessce/sets-utils';
 import ExpressionHistogram from './ExpressionHistogram.js';
@@ -17,9 +17,10 @@ import { useStyles } from './styles.js';
  * @param {string} props.theme The name of the current Vitessce theme.
  */
 export function ExpressionHistogramSubscriber(props) {
-    const { coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, helpText = ViewHelpMapping.FEATURE_VALUE_HISTOGRAM, } = props;
+    const { coordinationScopes: coordinationScopesRaw, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, helpText = ViewHelpMapping.FEATURE_VALUE_HISTOGRAM, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, featureType, featureValueType, featureSelection: geneSelection, additionalObsSets: additionalCellSets, obsSetColor: cellSetColor, }, { setAdditionalObsSets: setAdditionalCellSets, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setObsSetSelection: setCellSetSelection, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.FEATURE_VALUE_HISTOGRAM], coordinationScopes);
     const [width, height, containerRef] = useGridItemSize();

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureBarPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/FeatureBarPlotSubscriber.js"],"names":[],"mappings":"AAkBA,kEAuJC"}
+{"version":3,"file":"FeatureBarPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/FeatureBarPlotSubscriber.js"],"names":[],"mappings":"AAmBA,kEAwJC"}

package/dist-tsc/FeatureBarPlotSubscriber.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo, useCallback } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useFeatureSelection, useObsFeatureMatrixIndices, useFeatureLabelsData, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useFeatureSelection, useObsFeatureMatrixIndices, useFeatureLabelsData, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { setObsSelection } from '@vitessce/sets-utils';
 import FeatureBarPlot from './FeatureBarPlot.js';
 import { useStyles } from './styles.js';
 export function FeatureBarPlotSubscriber(props) {
-    const { coordinationScopes, removeGridComponent, theme, yMin = 0, yUnits = null, helpText = ViewHelpMapping.FEATURE_BAR_PLOT, } = props;
+    const { coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, yMin = 0, yUnits = null, helpText = ViewHelpMapping.FEATURE_BAR_PLOT, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, featureType, featureValueType, featureSelection: geneSelection, featureValueTransform, featureValueTransformCoefficient, obsHighlight: cellHighlight, additionalObsSets: additionalCellSets, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, }, { setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.FEATURE_BAR_PLOT], coordinationScopes);
     // console.log("BarPlot: " + cellHighlight)

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureSetEnrichmentBarPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/FeatureSetEnrichmentBarPlotSubscriber.js"],"names":[],"mappings":"AA0BA,+EAqJC"}
+{"version":3,"file":"FeatureSetEnrichmentBarPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/FeatureSetEnrichmentBarPlotSubscriber.js"],"names":[],"mappings":"AA2BA,+EAsJC"}

package/dist-tsc/FeatureSetEnrichmentBarPlotSubscriber.js

@@ -1,16 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-unused-vars */
 import React, { useCallback } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useReady, useGridItemSize, useFeatureSetStatsData, useMatchingLoader, useColumnNameMapping, useAsyncFunction, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useReady, useGridItemSize, useFeatureSetStatsData, useMatchingLoader, useColumnNameMapping, useAsyncFunction, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping, DataType, AsyncFunctionType, } from '@vitessce/constants-internal';
 import { capitalize } from '@vitessce/utils';
 import FeatureSetEnrichmentBarPlot from './FeatureSetEnrichmentBarPlot.js';
 import { useStyles } from './styles.js';
 import { useRawSetPaths } from './utils.js';
 export function FeatureSetEnrichmentBarPlotSubscriber(props) {
-    const { coordinationScopes, removeGridComponent, theme, helpText = ViewHelpMapping.FEATURE_SET_ENRICHMENT_BAR_PLOT, } = props;
+    const { coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, helpText = ViewHelpMapping.FEATURE_SET_ENRICHMENT_BAR_PLOT, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     const transformFeature = useAsyncFunction(AsyncFunctionType.TRANSFORM_FEATURE);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, sampleType, featureType, featureValueType, obsFilter: cellFilter, obsHighlight: cellHighlight, obsSetSelection, obsSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, featurePointSignificanceThreshold, featurePointFoldChangeThreshold, featureLabelSignificanceThreshold, featureLabelFoldChangeThreshold, featureValueTransform, featureValueTransformCoefficient, gatingFeatureSelectionX, gatingFeatureSelectionY, featureSelection, sampleSetSelection, sampleSetColor, }, { setObsFilter: setCellFilter, setObsSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setFeaturePointSignificanceThreshold, setFeaturePointFoldChangeThreshold, setFeatureLabelSignificanceThreshold, setFeatureLabelFoldChangeThreshold, setFeatureValueTransform, setFeatureValueTransformCoefficient, setGatingFeatureSelectionX, setGatingFeatureSelectionY, setFeatureSelection, setSampleSetSelection, setSampleSetColor, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.FEATURE_SET_ENRICHMENT_BAR_PLOT], coordinationScopes);

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureStatsTableSubscriber.d.ts","sourceRoot":"","sources":["../src/FeatureStatsTableSubscriber.js"],"names":[],"mappings":"AAoBA,qEAuHC"}
+{"version":3,"file":"FeatureStatsTableSubscriber.d.ts","sourceRoot":"","sources":["../src/FeatureStatsTableSubscriber.js"],"names":[],"mappings":"AAqBA,qEAwHC"}

package/dist-tsc/FeatureStatsTableSubscriber.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-unused-vars */
 import React from 'react';
-import { TitleInfo, useCoordination, useLoaders, useReady, useFeatureStatsData, useMatchingLoader, useColumnNameMapping, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useReady, useFeatureStatsData, useMatchingLoader, useColumnNameMapping, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping, DataType, } from '@vitessce/constants-internal';
 import FeatureStatsTable from './FeatureStatsTable.js';
 import { useRawSetPaths } from './utils.js';
 export function FeatureStatsTableSubscriber(props) {
-    const { title = 'Differential Expression Results', coordinationScopes, removeGridComponent, theme, helpText = ViewHelpMapping.FEATURE_STATS_TABLE, } = props;
+    const { title = 'Differential Expression Results', coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, helpText = ViewHelpMapping.FEATURE_STATS_TABLE, } = props;
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, sampleType, featureType, featureValueType, obsFilter: cellFilter, obsHighlight: cellHighlight, obsSetSelection, obsSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, featurePointSignificanceThreshold, featurePointFoldChangeThreshold, featureValueTransform, featureValueTransformCoefficient, gatingFeatureSelectionX, gatingFeatureSelectionY, featureSelection, sampleSetSelection, sampleSetColor, }, { setObsFilter: setCellFilter, setObsSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setFeaturePointSignificanceThreshold, setFeaturePointFoldChangeThreshold, setFeatureValueTransform, setFeatureValueTransformCoefficient, setGatingFeatureSelectionX, setGatingFeatureSelectionY, setFeatureSelection, setSampleSetSelection, setSampleSetColor, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.FEATURE_STATS_TABLE], coordinationScopes);
     const obsSetsLoader = useMatchingLoader(loaders, dataset, DataType.OBS_SETS, { obsType });

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

@@ -1 +1 @@
-{"version":3,"file":"TreemapSubscriber.d.ts","sourceRoot":"","sources":["../src/TreemapSubscriber.js"],"names":[],"mappings":"AAyBA,2DA8QC"}
+{"version":3,"file":"TreemapSubscriber.d.ts","sourceRoot":"","sources":["../src/TreemapSubscriber.js"],"names":[],"mappings":"AA0BA,2DA+QC"}

package/dist-tsc/TreemapSubscriber.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-unused-vars */
 import React, { useMemo, useCallback } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useObsFeatureMatrixIndices, useObsSetsData, useSampleEdgesData, useSampleSetsData, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useUrls, useReady, useGridItemSize, useObsFeatureMatrixIndices, useObsSetsData, useSampleEdgesData, useSampleSetsData, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { treeToSelectedSetMap, treeToSetSizesBySetNames, mergeObsSets } from '@vitessce/sets-utils';
 import { pluralize as plur, commaNumber, unnestMap, capitalize } from '@vitessce/utils';
@@ -12,9 +12,10 @@ import { useStyles } from './styles.js';
 import TreemapOptions from './TreemapOptions.js';
 const DEFAULT_HIERARCHY_LEVELS = ['obsSet', 'sampleSet'];
 export function TreemapSubscriber(props) {
-    const { coordinationScopes, removeGridComponent, theme, helpText = ViewHelpMapping.TREEMAP, } = props;
+    const { coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, helpText = ViewHelpMapping.TREEMAP, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, featureType, featureValueType, obsFilter, obsHighlight, obsSetSelection, obsSetFilter, obsSelection, obsSelectionMode, obsSetHighlight, obsSetColor, obsColorEncoding, additionalObsSets, sampleType, sampleSetSelection, sampleSetFilter, sampleSetColor, sampleSelection, sampleSelectionMode, sampleFilter, sampleFilterMode, sampleHighlight, hierarchyLevels, }, { setObsFilter, setObsSelection, setObsSetFilter, setObsSetSelection, setObsSelectionMode, setObsFilterMode, setObsHighlight, setObsSetColor, setObsColorEncoding, setAdditionalObsSets, setSampleFilter, setSampleSetFilter, setSampleFilterMode, setSampleSelection, setSampleSetSelection, setSampleSelectionMode, setSampleHighlight, setSampleSetColor, setHierarchyLevels, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.TREEMAP], coordinationScopes);
     const [width, height, containerRef] = useGridItemSize();

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

@@ -1 +1 @@
-{"version":3,"file":"VolcanoPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/VolcanoPlotSubscriber.js"],"names":[],"mappings":"AAuBA,+DA0JC"}
+{"version":3,"file":"VolcanoPlotSubscriber.d.ts","sourceRoot":"","sources":["../src/VolcanoPlotSubscriber.js"],"names":[],"mappings":"AAwBA,+DA2JC"}

package/dist-tsc/VolcanoPlotSubscriber.js

@@ -1,16 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-unused-vars */
 import React, { useMemo, useCallback } from 'react';
-import { TitleInfo, useCoordination, useLoaders, useReady, useGridItemSize, useFeatureStatsData, useMatchingLoader, useColumnNameMapping, } from '@vitessce/vit-s';
+import { TitleInfo, useCoordination, useLoaders, useReady, useGridItemSize, useFeatureStatsData, useMatchingLoader, useColumnNameMapping, useCoordinationScopes, } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping, DataType, } from '@vitessce/constants-internal';
 import VolcanoPlot from './VolcanoPlot.js';
 import { useStyles } from './styles.js';
 import VolcanoPlotOptions from './VolcanoPlotOptions.js';
 import { useRawSetPaths } from './utils.js';
 export function VolcanoPlotSubscriber(props) {
-    const { title = 'Volcano Plot', coordinationScopes, removeGridComponent, theme, helpText = ViewHelpMapping.VOLCANO_PLOT, } = props;
+    const { title = 'Volcano Plot', coordinationScopes: coordinationScopesRaw, removeGridComponent, theme, helpText = ViewHelpMapping.VOLCANO_PLOT, } = props;
     const { classes } = useStyles();
     const loaders = useLoaders();
+    const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, sampleType, featureType, featureValueType, obsFilter: cellFilter, obsHighlight: cellHighlight, obsSetSelection, obsSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, featurePointSignificanceThreshold, featurePointFoldChangeThreshold, featureLabelSignificanceThreshold, featureLabelFoldChangeThreshold, featureValueTransform, featureValueTransformCoefficient, gatingFeatureSelectionX, gatingFeatureSelectionY, featureSelection, sampleSetSelection, sampleSetColor, }, { setObsFilter: setCellFilter, setObsSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setFeaturePointSignificanceThreshold, setFeaturePointFoldChangeThreshold, setFeatureLabelSignificanceThreshold, setFeatureLabelFoldChangeThreshold, setFeatureValueTransform, setFeatureValueTransformCoefficient, setGatingFeatureSelectionX, setGatingFeatureSelectionY, setFeatureSelection, setSampleSetSelection, setSampleSetColor, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.VOLCANO_PLOT], coordinationScopes);
     const [width, height, containerRef] = useGridItemSize();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/statistical-plots",
-  "version": "3.6.16",
+  "version": "3.6.18",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -28,13 +28,13 @@
     "react-aria": "^3.28.0",
     "internmap": "^2.0.3",
     "uuid": "^9.0.0",
-    "@vitessce/styles": "3.6.16",
-    "@vitessce/constants-internal": "3.6.16",
-    "@vitessce/sets-utils": "3.6.16",
-    "@vitessce/utils": "3.6.16",
-    "@vitessce/vega": "3.6.16",
-    "@vitessce/vit-s": "3.6.16",
-    "@vitessce/gl": "3.6.16"
+    "@vitessce/styles": "3.6.18",
+    "@vitessce/constants-internal": "3.6.18",
+    "@vitessce/sets-utils": "3.6.18",
+    "@vitessce/utils": "3.6.18",
+    "@vitessce/vega": "3.6.18",
+    "@vitessce/vit-s": "3.6.18",
+    "@vitessce/gl": "3.6.18"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/CellSetCompositionBarPlotSubscriber.js

@@ -9,6 +9,7 @@ import {
   useObsSetStatsData,
   useMatchingLoader,
   useColumnNameMapping,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import {
   ViewType,
@@ -24,7 +25,7 @@ import { useRawSetPaths } from './utils.js';
 
 export function CellSetCompositionBarPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.OBS_SET_COMPOSITION_BAR_PLOT,
@@ -32,6 +33,7 @@ export function CellSetCompositionBarPlotSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/CellSetExpressionPlotSubscriber.js

@@ -9,6 +9,7 @@ import {
   useSampleSetsData,
   useSampleEdgesData,
   useExpandedFeatureLabelsMap,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { VALUE_TRANSFORM_OPTIONS, capitalize, cleanFeatureId } from '@vitessce/utils';
@@ -132,7 +133,7 @@ function useExpressionByCellSet(
  */
 export function CellSetExpressionPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -147,6 +148,7 @@ export function CellSetExpressionPlotSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/CellSetSizesPlotSubscriber.js

@@ -4,6 +4,7 @@ import {
   useCoordination, useLoaders,
   useUrls, useReady, useGridItemSize,
   useObsSetsData,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import { isEqual } from 'lodash-es';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
@@ -27,7 +28,7 @@ import { useStyles } from './styles.js';
  */
 export function CellSetSizesPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -39,6 +40,7 @@ export function CellSetSizesPlotSubscriber(props) {
   const { classes } = useStyles();
 
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/DotPlotSubscriber.js

@@ -8,6 +8,7 @@ import {
   useFeatureLabelsData,
   useSampleSetsData,
   useSampleEdgesData,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { VALUE_TRANSFORM_OPTIONS } from '@vitessce/utils';
@@ -27,7 +28,7 @@ import { useExpressionSummaries } from './dot-plot-hook.js';
  */
 export function DotPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     title = 'Dot Plot',
@@ -37,6 +38,7 @@ export function DotPlotSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/ExpressionHistogramSubscriber.js

@@ -7,6 +7,7 @@ import {
   useCoordination, useLoaders,
   useUrls, useReady, useGridItemSize,
   useObsFeatureMatrixData, useFeatureSelection,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { setObsSelection, getObsInfoFromDataWithinRange } from '@vitessce/sets-utils';
@@ -24,7 +25,7 @@ import { useStyles } from './styles.js';
  */
 export function ExpressionHistogramSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     closeButtonVisible,
     downloadButtonVisible,
     removeGridComponent,
@@ -34,6 +35,7 @@ export function ExpressionHistogramSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/FeatureBarPlotSubscriber.js

@@ -9,6 +9,7 @@ import {
   useFeatureSelection,
   useObsFeatureMatrixIndices,
   useFeatureLabelsData,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { setObsSelection } from '@vitessce/sets-utils';
@@ -18,7 +19,7 @@ import { useStyles } from './styles.js';
 
 export function FeatureBarPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     yMin = 0,
@@ -28,6 +29,7 @@ export function FeatureBarPlotSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/FeatureSetEnrichmentBarPlotSubscriber.js

@@ -10,6 +10,7 @@ import {
   useMatchingLoader,
   useColumnNameMapping,
   useAsyncFunction,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import {
   ViewType,
@@ -26,7 +27,7 @@ import { useRawSetPaths } from './utils.js';
 
 export function FeatureSetEnrichmentBarPlotSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.FEATURE_SET_ENRICHMENT_BAR_PLOT,
@@ -34,6 +35,7 @@ export function FeatureSetEnrichmentBarPlotSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
   const transformFeature = useAsyncFunction(AsyncFunctionType.TRANSFORM_FEATURE);
 
   // Get "props" from the coordination space.

package/src/FeatureStatsTableSubscriber.js

@@ -8,6 +8,7 @@ import {
   useFeatureStatsData,
   useMatchingLoader,
   useColumnNameMapping,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import {
   ViewType,
@@ -21,13 +22,14 @@ import { useRawSetPaths } from './utils.js';
 export function FeatureStatsTableSubscriber(props) {
   const {
     title = 'Differential Expression Results',
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.FEATURE_STATS_TABLE,
   } = props;
 
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/TreemapSubscriber.js

@@ -11,6 +11,7 @@ import {
   useObsSetsData,
   useSampleEdgesData,
   useSampleSetsData,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import { treeToSelectedSetMap, treeToSetSizesBySetNames, mergeObsSets } from '@vitessce/sets-utils';
@@ -25,7 +26,7 @@ const DEFAULT_HIERARCHY_LEVELS = ['obsSet', 'sampleSet'];
 
 export function TreemapSubscriber(props) {
   const {
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.TREEMAP,
@@ -33,6 +34,7 @@ export function TreemapSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{

package/src/VolcanoPlotSubscriber.js

@@ -9,6 +9,7 @@ import {
   useFeatureStatsData,
   useMatchingLoader,
   useColumnNameMapping,
+  useCoordinationScopes,
 } from '@vitessce/vit-s';
 import {
   ViewType,
@@ -24,7 +25,7 @@ import { useRawSetPaths } from './utils.js';
 export function VolcanoPlotSubscriber(props) {
   const {
     title = 'Volcano Plot',
-    coordinationScopes,
+    coordinationScopes: coordinationScopesRaw,
     removeGridComponent,
     theme,
     helpText = ViewHelpMapping.VOLCANO_PLOT,
@@ -32,6 +33,7 @@ export function VolcanoPlotSubscriber(props) {
 
   const { classes } = useStyles();
   const loaders = useLoaders();
+  const coordinationScopes = useCoordinationScopes(coordinationScopesRaw);
 
   // Get "props" from the coordination space.
   const [{