@vitessce/scatterplot-gating 3.4.9 → 3.4.11

package/dist/{deflate-dfc7825e.js → deflate-d789a72d.js}

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

package/dist/{index-6edd3db4.js → index-c9b4cfce.js}

@@ -8364,6 +8364,9 @@ const configSchema1_0_16 = configSchema1_0_13.extend({
     coordinationScopesBy: componentCoordinationScopesBy.optional()
   }))
 });
+const configSchema1_0_17 = configSchema1_0_16.extend({
+  version: z.literal("1.0.17")
+});
 configSchema1_0_0.shape.coordinationSpace.unwrap();
 configSchema1_0_0.shape.layout.element.shape.coordinationScopes.unwrap();
 function upgradeReplaceViewProp(prefix2, view, coordinationSpace) {
@@ -8835,7 +8838,43 @@ function upgradeFrom1_0_15(config2) {
     version: "1.0.16"
   };
 }
-const latestConfigSchema = configSchema1_0_16;
+function upgradeFrom1_0_16(config2) {
+  const newConfig = cloneDeep(config2);
+  const { datasets } = newConfig;
+  const newDatasets = datasets.map((datasetDef) => {
+    const { files } = datasetDef;
+    const newFiles = files.map((fileDef) => {
+      const { fileType, options } = fileDef;
+      if (fileType === "obsSets.anndata.zarr") {
+        return {
+          ...fileDef,
+          options: {
+            obsSets: options
+          }
+        };
+      }
+      if (fileType === "obsFeatureColumns.anndata.zarr") {
+        return {
+          ...fileDef,
+          options: {
+            obsFeatureColumns: options
+          }
+        };
+      }
+      return fileDef;
+    });
+    return {
+      ...datasetDef,
+      files: newFiles
+    };
+  });
+  return {
+    ...newConfig,
+    datasets: newDatasets,
+    version: "1.0.17"
+  };
+}
+const latestConfigSchema = configSchema1_0_17;
 const SCHEMA_HANDLERS = [
   [configSchema0_1_0, upgradeFrom0_1_0],
   [configSchema1_0_0, upgradeFrom1_0_0],
@@ -8853,7 +8892,8 @@ const SCHEMA_HANDLERS = [
   [configSchema1_0_12, upgradeFrom1_0_12],
   [configSchema1_0_13, upgradeFrom1_0_13],
   [configSchema1_0_14, upgradeFrom1_0_14],
-  [configSchema1_0_15, upgradeFrom1_0_15]
+  [configSchema1_0_15, upgradeFrom1_0_15],
+  [configSchema1_0_16, upgradeFrom1_0_16]
 ];
 var re$3 = { exports: {} };
 const SEMVER_SPEC_VERSION = "2.0.0";
@@ -10999,6 +11039,7 @@ const FileType$1 = {
   // Joint file types
   ANNDATA_ZARR: "anndata.zarr",
   ANNDATA_ZARR_ZIP: "anndata.zarr.zip",
+  ANNDATA_H5AD: "anndata.h5ad",
   SPATIALDATA_ZARR: "spatialdata.zarr",
   // Atomic file types
   OBS_EMBEDDING_CSV: "obsEmbedding.csv",
@@ -11039,6 +11080,18 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_ZARR_ZIP: "obsLabels.anndata.zarr.zip",
   FEATURE_LABELS_ANNDATA_ZARR_ZIP: "featureLabels.anndata.zarr.zip",
   SAMPLE_EDGES_ANNDATA_ZARR_ZIP: "sampleEdges.anndata.zarr.zip",
+  // AnnData - h5ad via reference spec
+  OBS_FEATURE_MATRIX_ANNDATA_H5AD: "obsFeatureMatrix.anndata.h5ad",
+  OBS_FEATURE_COLUMNS_ANNDATA_H5AD: "obsFeatureColumns.anndata.h5ad",
+  OBS_SETS_ANNDATA_H5AD: "obsSets.anndata.h5ad",
+  OBS_EMBEDDING_ANNDATA_H5AD: "obsEmbedding.anndata.h5ad",
+  OBS_SPOTS_ANNDATA_H5AD: "obsSpots.anndata.h5ad",
+  OBS_POINTS_ANNDATA_H5AD: "obsPoints.anndata.h5ad",
+  OBS_LOCATIONS_ANNDATA_H5AD: "obsLocations.anndata.h5ad",
+  OBS_SEGMENTATIONS_ANNDATA_H5AD: "obsSegmentations.anndata.h5ad",
+  OBS_LABELS_ANNDATA_H5AD: "obsLabels.anndata.h5ad",
+  FEATURE_LABELS_ANNDATA_H5AD: "featureLabels.anndata.h5ad",
+  SAMPLE_EDGES_ANNDATA_H5AD: "sampleEdges.anndata.h5ad",
   // SpatialData
   IMAGE_SPATIALDATA_ZARR: "image.spatialdata.zarr",
   LABELS_SPATIALDATA_ZARR: "labels.spatialdata.zarr",
@@ -11223,6 +11276,23 @@ const CoordinationType$1 = {
   CONTOUR_COLOR_ENCODING: "contourColorEncoding",
   CONTOUR_COLOR: "contourColor"
 };
+const ViewHelpMapping = {
+  SCATTERPLOT: "The scatterplot displays two-dimensional (pre-computed) dimensionality reduction results (such as from t-SNE or UMAP). Each point on the scatterplot represents an observation (e.g., cell).",
+  HEATMAP: "The heatmap displays an observation-by-feature (e.g., cell-by-gene) matrix, typically with transformed (e.g., normalized or standardized) values.",
+  SPATIAL: "The spatial view displays (potentially layered) spatially-resolved data including RGB or multiplexed images, segmentations of observations (bitmask- or polygon-based), and/or points (e.g., representing FISH transcripts).",
+  DESCRIPTION: "The description view displays additional information about a dataset. When images are included in a dataset, the description view also includes image metadata (if contained in the image files).",
+  STATUS: "The status view displays debugging messages, including app-wide error messages when datasets fail to load or when schemas fail to validate. Details about the entity under the mouse cursor (cell, gene, and/or molecule) are displayed during hover interactions.",
+  LAYER_CONTROLLER: "The spatial layer controller provides an interface for manipulating the visualization layers displayed in the spatial view.",
+  GENOMIC_PROFILES: "The genomic profiles view displays genome browser tracks (using the genomic-profiles data type) containing bar plots, where the genome is along the x-axis and the value at each genome position is encoded with a bar along the y-axis.",
+  GATING: "The gating scatterplot displays expression data for two genes (along the X and Y axes). Users can select two genes, and the scatterplot is dynamically generated using observation-by-feature matrix data. Gating can then be performed by using the lasso or box select tools.",
+  FEATURE_LIST: "The feature list controller displays an interactive list of features (e.g., genes).",
+  OBS_SETS: "The observation sets controller displays an interactive list of (potentially hierarchical) observation sets (e.g., cell clusters or cell type annotations).",
+  OBS_SET_SIZES: "The observation set sizes view displays a bar plot with the currently-selected observation sets (e.g., cell types) on the x-axis and bars representing their size (e.g., number of cells) on the y-axis.",
+  OBS_SET_FEATURE_VALUE_DISTRIBUTION: "The observation set feature value distribution view displays a violin plot with values (e.g., expression values) per set (e.g., cell type) for the selected feature (e.g., gene).",
+  FEATURE_VALUE_HISTOGRAM: "The feature value histogram displays the distribution of values (e.g., expression) for the selected feature (e.g., gene).",
+  DOT_PLOT: "The dot plot displays summary information about expression of the selected features (e.g., genes) for each selected observation set (e.g., cell type).",
+  FEATURE_BAR_PLOT: "The feature bar plot displays one bar per observation (e.g., cell) along the x-axis, where the value of a selected feature (e.g., gene) is encoded along the y-axis."
+};
 const COMPONENT_COORDINATION_TYPES = {
   [ViewType$1.SCATTERPLOT]: [
     CoordinationType$1.DATASET,
@@ -11804,10 +11874,11 @@ function makeConstantWithDeprecationMessage(currObj, oldObj) {
   const handler = {
     get(obj, prop) {
       const oldKeys = Object.keys(oldObj);
-      if (oldKeys.includes(prop)) {
-        console.warn(`Notice about the constant mapping ${prop}: '${oldObj[prop][0]}':
-${oldObj[prop][1]}`);
-        return oldObj[prop];
+      const propKey = String(prop);
+      if (oldKeys.includes(propKey)) {
+        console.warn(`Notice about the constant mapping ${propKey}: '${oldObj[propKey][0]}':
+${oldObj[propKey][1]}`);
+        return oldObj[propKey];
       }
       return obj[prop];
     }
@@ -11892,7 +11963,7 @@ const annDataObsFeatureMatrix = z.object({
   featureFilterPath: z.string().optional().describe("If the feature index should be filtered, put a boolean column here (analogous to the previous geneFilter option). e.g., var/in_obsm_X_small_matrix"),
   initialFeatureFilterPath: z.string().optional().describe("If only a subset of the matrix should be loaded initially, put a boolean column along the feature axis here (analogous to the previous matrixGeneFilter option). e.g., var/highly_variable")
 });
-const annDataObsSets = z.array(z.object({
+const annDataObsSetsArr = z.array(z.object({
   name: z.string().describe("The display name for the set, like 'Cell Type' or 'Louvain.'"),
   path: z.union([
     z.string().describe("The location in the AnnData store for the set, like 'obs/louvain' or 'obs/celltype.'"),
@@ -11900,9 +11971,15 @@ const annDataObsSets = z.array(z.object({
   ]),
   scorePath: z.string().optional().describe("The location in the AnnData store for the set confidence scores, like 'obs/celltype_prediction_score.'")
 }));
-z.array(z.object({
+const annDataObsSets = z.object({
+  obsSets: annDataObsSetsArr
+});
+const annDataObsFeatureColumnsArr = z.array(z.object({
   path: z.string()
 }));
+z.object({
+  obsFeatureColumns: annDataObsFeatureColumnsArr
+});
 const annDataObsSpots = annDataObsm;
 const annDataObsPoints = annDataObsm;
 const annDataObsLocations = annDataObsm;
@@ -12025,7 +12102,7 @@ z.object({
     scoreColumn: z.string().optional()
   }))
 });
-z.object({
+const anndataZarrSchema = z.object({
   obsLabels: z.union([
     annDataObsLabels,
     z.array(annDataConvenienceObsLabelsItem)
@@ -12035,7 +12112,7 @@ z.object({
     z.array(annDataConvenienceFeatureLabelsItem)
   ]),
   obsFeatureMatrix: annDataObsFeatureMatrix,
-  obsSets: annDataObsSets,
+  obsSets: annDataObsSetsArr,
   obsSpots: annDataObsSpots,
   obsPoints: annDataObsPoints,
   obsLocations: annDataObsLocations,
@@ -12046,6 +12123,9 @@ z.object({
   ]),
   sampleEdges: annDataSampleEdges
 }).partial();
+anndataZarrSchema.extend({
+  refSpecUrl: z.string()
+});
 z.object({
   // TODO: should `image` be a special schema
   // to allow specifying fileUid (like for embeddingType)?
@@ -123730,16 +123810,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-f1ddc9ae.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-2d69878c.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-0f8b8d67.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-ca6c4d78.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-c53fe29a.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-dfc7825e.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-c3306762.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-57032696.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-03920c71.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-53a949c9.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-d789a72d.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-c55021ab.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-40717afa.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-b3e420b5.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -150991,7 +151071,8 @@ function GatingSubscriber(props) {
     disableTooltip = false,
     title: titleOverride,
     // Average fill density for dynamic opacity calculation.
-    averageFillDensity
+    averageFillDensity,
+    helpText = ViewHelpMapping.GATING
   } = props;
   const loaders = useLoaders();
   const setComponentHover = useSetComponentHover();
@@ -151312,6 +151393,7 @@ function GatingSubscriber(props) {
       urls,
       theme,
       isReady,
+      helpText,
       options: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ScatterplotOptions,
         {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { G } from "./index-6edd3db4.js";
+import { G } from "./index-c9b4cfce.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-c53fe29a.js → jpeg-53a949c9.js}

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

package/dist/{lerc-57032696.js → lerc-40717afa.js}

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

package/dist/{lzw-2d69878c.js → lzw-ca6c4d78.js}

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

package/dist/{packbits-c3306762.js → packbits-c55021ab.js}

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

package/dist/{raw-f1ddc9ae.js → raw-0f8b8d67.js}

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

package/dist/{webimage-03920c71.js → webimage-b3e420b5.js}

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

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

@@ -1 +1 @@
-{"version":3,"file":"GatingSubscriber.d.ts","sourceRoot":"","sources":["../src/GatingSubscriber.js"],"names":[],"mappings":"AAmCA;;;;;;;;;;;;KAYK;AACL,wCAVK;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAES,cAAc,EAA7B,OAAO;IACS,mBAAmB;IAErB,kBAAkB,EAAhC,MAAM;CAEhB,eA8ZF"}
+{"version":3,"file":"GatingSubscriber.d.ts","sourceRoot":"","sources":["../src/GatingSubscriber.js"],"names":[],"mappings":"AAmCA;;;;;;;;;;;;KAYK;AACL,wCAVK;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAES,cAAc,EAA7B,OAAO;IACS,mBAAmB;IAErB,kBAAkB,EAAhC,MAAM;CAEhB,eAgaF"}

package/dist-tsc/GatingSubscriber.js

@@ -6,7 +6,7 @@ import { pluralize as plur, capitalize, commaNumber, getValueTransformFunction,
 import { TitleInfo, useDeckCanvasSize, useReady, useUrls, useUint8FeatureSelection, useExpressionValueGetter, useObsSetsData, useFeatureSelection, useObsFeatureMatrixIndices, useCoordination, useLoaders, useSetComponentHover, useSetComponentViewInfo, } from '@vitessce/vit-s';
 import { getCellSetPolygons, mergeObsSets, setObsSelection, getCellColors, } from '@vitessce/sets-utils';
 import { Scatterplot, ScatterplotTooltipSubscriber, ScatterplotOptions, getPointSizeDevicePixels, getPointOpacity, EmptyMessage, } from '@vitessce/scatterplot';
-import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';
+import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import GatingScatterplotOptions from './GatingScatterplotOptions.js';
 /**
    * A subscriber component for the gating scatterplot.
@@ -24,7 +24,7 @@ import GatingScatterplotOptions from './GatingScatterplotOptions.js';
 export function GatingSubscriber(props) {
     const { uuid, coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, disableTooltip = false, title: titleOverride, 
     // Average fill density for dynamic opacity calculation.
-    averageFillDensity, } = props;
+    averageFillDensity, helpText = ViewHelpMapping.GATING, } = props;
     const loaders = useLoaders();
     const setComponentHover = useSetComponentHover();
     const setComponentViewInfo = useSetComponentViewInfo(uuid);
@@ -192,7 +192,7 @@ export function GatingSubscriber(props) {
     }, [obsXY, obsIndex, featureValueTransform,
         gatingFeatureSelectionX, gatingFeatureSelectionY, obsType,
     ]);
-    return (_jsxs(TitleInfo, { title: title, info: `${commaNumber(cellsCount)} ${plur(obsType, cellsCount)}`, closeButtonVisible: closeButtonVisible, downloadButtonVisible: downloadButtonVisible, removeGridComponent: removeGridComponent, urls: urls, theme: theme, isReady: isReady, options: (_jsx(ScatterplotOptions, { observationsLabel: obsType, cellRadius: cellRadiusFixed, setCellRadius: setCellRadiusFixed, cellRadiusMode: cellRadiusMode, setCellRadiusMode: setCellRadiusMode, cellOpacity: cellOpacityFixed, setCellOpacity: setCellOpacityFixed, cellOpacityMode: cellOpacityMode, setCellOpacityMode: setCellOpacityMode, cellSetLabelsVisible: cellSetLabelsVisible, setCellSetLabelsVisible: setCellSetLabelsVisible, cellSetLabelSize: cellSetLabelSize, setCellSetLabelSize: setCellSetLabelSize, cellSetPolygonsVisible: cellSetPolygonsVisible, setCellSetPolygonsVisible: setCellSetPolygonsVisible, cellColorEncoding: cellColorEncoding, setCellColorEncoding: setCellColorEncoding, geneExpressionColormap: geneExpressionColormap, setGeneExpressionColormap: setGeneExpressionColormap, geneExpressionColormapRange: geneExpressionColormapRange, setGeneExpressionColormapRange: setGeneExpressionColormapRange, children: _jsx(GatingScatterplotOptions, { featureType: featureType, gatingFeatureSelectionX: gatingFeatureSelectionX, setGatingFeatureSelectionX: setGatingFeatureSelectionX, gatingFeatureSelectionY: gatingFeatureSelectionY, setGatingFeatureSelectionY: setGatingFeatureSelectionY, gatingFeatureValueTransform: featureValueTransform, setGatingFeatureValueTransform: (newValue) => {
+    return (_jsxs(TitleInfo, { title: title, info: `${commaNumber(cellsCount)} ${plur(obsType, cellsCount)}`, closeButtonVisible: closeButtonVisible, downloadButtonVisible: downloadButtonVisible, removeGridComponent: removeGridComponent, urls: urls, theme: theme, isReady: isReady, helpText: helpText, options: (_jsx(ScatterplotOptions, { observationsLabel: obsType, cellRadius: cellRadiusFixed, setCellRadius: setCellRadiusFixed, cellRadiusMode: cellRadiusMode, setCellRadiusMode: setCellRadiusMode, cellOpacity: cellOpacityFixed, setCellOpacity: setCellOpacityFixed, cellOpacityMode: cellOpacityMode, setCellOpacityMode: setCellOpacityMode, cellSetLabelsVisible: cellSetLabelsVisible, setCellSetLabelsVisible: setCellSetLabelsVisible, cellSetLabelSize: cellSetLabelSize, setCellSetLabelSize: setCellSetLabelSize, cellSetPolygonsVisible: cellSetPolygonsVisible, setCellSetPolygonsVisible: setCellSetPolygonsVisible, cellColorEncoding: cellColorEncoding, setCellColorEncoding: setCellColorEncoding, geneExpressionColormap: geneExpressionColormap, setGeneExpressionColormap: setGeneExpressionColormap, geneExpressionColormapRange: geneExpressionColormapRange, setGeneExpressionColormapRange: setGeneExpressionColormapRange, children: _jsx(GatingScatterplotOptions, { featureType: featureType, gatingFeatureSelectionX: gatingFeatureSelectionX, setGatingFeatureSelectionX: setGatingFeatureSelectionX, gatingFeatureSelectionY: gatingFeatureSelectionY, setGatingFeatureSelectionY: setGatingFeatureSelectionY, gatingFeatureValueTransform: featureValueTransform, setGatingFeatureValueTransform: (newValue) => {
                     setFeatureValueTransform(newValue);
                     setTargetX(null);
                     setTargetY(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-gating",
-  "version": "3.4.9",
+  "version": "3.4.11",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,11 +20,11 @@
     "d3-array": "^2.4.0",
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
-    "@vitessce/constants-internal": "3.4.9",
-    "@vitessce/scatterplot": "3.4.9",
-    "@vitessce/sets-utils": "3.4.9",
-    "@vitessce/utils": "3.4.9",
-    "@vitessce/vit-s": "3.4.9"
+    "@vitessce/constants-internal": "3.4.11",
+    "@vitessce/scatterplot": "3.4.11",
+    "@vitessce/sets-utils": "3.4.11",
+    "@vitessce/utils": "3.4.11",
+    "@vitessce/vit-s": "3.4.11"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/GatingSubscriber.js

@@ -30,7 +30,7 @@ import {
   getPointOpacity,
   EmptyMessage,
 } from '@vitessce/scatterplot';
-import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';
+import { ViewType, COMPONENT_COORDINATION_TYPES, ViewHelpMapping } from '@vitessce/constants-internal';
 import GatingScatterplotOptions from './GatingScatterplotOptions.js';
 
 /**
@@ -58,6 +58,7 @@ export function GatingSubscriber(props) {
     title: titleOverride,
     // Average fill density for dynamic opacity calculation.
     averageFillDensity,
+    helpText = ViewHelpMapping.GATING,
   } = props;
 
   const loaders = useLoaders();
@@ -361,6 +362,7 @@ export function GatingSubscriber(props) {
       urls={urls}
       theme={theme}
       isReady={isReady}
+      helpText={helpText}
       options={(
         <ScatterplotOptions
           observationsLabel={obsType}