@vitessce/heatmap 3.4.10 → 3.4.11

package/dist/{deflate-2be2485c.js → deflate-651ff0f1.js}

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

package/dist/{index-953d6196.js → index-ee6a9dfb.js}

@@ -11253,6 +11253,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,
@@ -133511,16 +133528,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c) => registry$1.set(c, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-b710e818.js").then((m) => m.default));
-addDecoder(5, () => import("./lzw-929a0051.js").then((m) => m.default));
+addDecoder([void 0, 1], () => import("./raw-a1a15d51.js").then((m) => m.default));
+addDecoder(5, () => import("./lzw-d3d185fb.js").then((m) => m.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-f703d405.js").then((m) => m.default));
-addDecoder([8, 32946], () => import("./deflate-2be2485c.js").then((m) => m.default));
-addDecoder(32773, () => import("./packbits-6ec444ef.js").then((m) => m.default));
-addDecoder(34887, () => import("./lerc-c762e2de.js").then((m) => m.default));
-addDecoder(50001, () => import("./webimage-0383ab0d.js").then((m) => m.default));
+addDecoder(7, () => import("./jpeg-1ac7dac2.js").then((m) => m.default));
+addDecoder([8, 32946], () => import("./deflate-651ff0f1.js").then((m) => m.default));
+addDecoder(32773, () => import("./packbits-3b3d0e9b.js").then((m) => m.default));
+addDecoder(34887, () => import("./lerc-041fa622.js").then((m) => m.default));
+addDecoder(50001, () => import("./webimage-891a5d2c.js").then((m) => m.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -145243,7 +145260,8 @@ function HeatmapSubscriber(props) {
     transpose: transpose2,
     observationsLabelOverride,
     variablesLabelOverride,
-    title = "Heatmap"
+    title = "Heatmap",
+    helpText = ViewHelpMapping.HEATMAP
   } = props;
   const loaders = useLoaders();
   const setComponentHover = useSetComponentHover();
@@ -145394,6 +145412,7 @@ function HeatmapSubscriber(props) {
     TitleInfo,
     {
       title,
+      helpText,
       info: `${commaNumber(cellsCount)} ${pluralize(observationsLabel, cellsCount)} × ${commaNumber(genesCount)} ${pluralize(variablesLabel, genesCount)},
              with ${commaNumber(selectedCount)} ${pluralize(observationsLabel, selectedCount)} selected`,
       urls,

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a, H } from "./index-953d6196.js";
+import { a, H } from "./index-ee6a9dfb.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-f703d405.js → jpeg-1ac7dac2.js}

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

package/dist/{lerc-c762e2de.js → lerc-041fa622.js}

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

package/dist/{lzw-929a0051.js → lzw-d3d185fb.js}

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

package/dist/{packbits-6ec444ef.js → packbits-3b3d0e9b.js}

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

package/dist/{raw-b710e818.js → raw-a1a15d51.js}

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

package/dist/{webimage-0383ab0d.js → webimage-891a5d2c.js}

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

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapSubscriber.d.ts","sourceRoot":"","sources":["../src/HeatmapSubscriber.js"],"names":[],"mappings":"AA2BA;;;;;;;;;;GAUG;AACH,yCATG;IAAsB,IAAI,EAAlB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACS,SAAS,EAAxB,OAAO;CAEjB,eAyPA"}
+{"version":3,"file":"HeatmapSubscriber.d.ts","sourceRoot":"","sources":["../src/HeatmapSubscriber.js"],"names":[],"mappings":"AA2BA;;;;;;;;;;GAUG;AACH,yCATG;IAAsB,IAAI,EAAlB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACS,SAAS,EAAxB,OAAO;CAEjB,eA2PA"}

package/dist-tsc/HeatmapSubscriber.js

@@ -3,7 +3,7 @@ import React, { useState, useCallback, useMemo, } from 'react';
 import { TitleInfo, useDeckCanvasSize, useGetObsMembership, useGetObsInfo, useReady, useUrls, useObsSetsData, useObsFeatureMatrixData, useUint8ObsFeatureMatrix, useMultiObsLabels, useFeatureLabelsData, useCoordination, useLoaders, useSetComponentHover, useSetComponentViewInfo, } from '@vitessce/vit-s';
 import { pluralize as plur, capitalize, commaNumber } from '@vitessce/utils';
 import { mergeObsSets, findLongestCommonPath, getCellColors } from '@vitessce/sets-utils';
-import { COMPONENT_COORDINATION_TYPES, ViewType } from '@vitessce/constants-internal';
+import { COMPONENT_COORDINATION_TYPES, ViewType, ViewHelpMapping } from '@vitessce/constants-internal';
 import { Legend } from '@vitessce/legend';
 import Heatmap from './Heatmap.js';
 import HeatmapTooltipSubscriber from './HeatmapTooltipSubscriber.js';
@@ -20,7 +20,7 @@ import HeatmapOptions from './HeatmapOptions.js';
  * render as cell-by-gene or gene-by-cell.
  */
 export function HeatmapSubscriber(props) {
-    const { uuid, coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, transpose, observationsLabelOverride, variablesLabelOverride, title = 'Heatmap', } = props;
+    const { uuid, coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, transpose, observationsLabelOverride, variablesLabelOverride, title = 'Heatmap', helpText = ViewHelpMapping.HEATMAP, } = props;
     const loaders = useLoaders();
     const setComponentHover = useSetComponentHover();
     const setComponentViewInfo = useSetComponentViewInfo(uuid);
@@ -99,7 +99,7 @@ export function HeatmapSubscriber(props) {
         `${capitalize(observationsLabel)} Set`,
     ]), [observationsLabel]);
     const selectedCount = cellColors.size;
-    return (_jsxs(TitleInfo, { title: title, info: `${commaNumber(cellsCount)} ${plur(observationsLabel, cellsCount)} × ${commaNumber(genesCount)} ${plur(variablesLabel, genesCount)},
+    return (_jsxs(TitleInfo, { title: title, helpText: helpText, info: `${commaNumber(cellsCount)} ${plur(observationsLabel, cellsCount)} × ${commaNumber(genesCount)} ${plur(variablesLabel, genesCount)},
              with ${commaNumber(selectedCount)} ${plur(observationsLabel, selectedCount)} selected`, urls: urls, theme: theme, closeButtonVisible: closeButtonVisible, downloadButtonVisible: downloadButtonVisible, removeGridComponent: removeGridComponent, isReady: isReady && !isRendering, options: (_jsx(HeatmapOptions, { geneExpressionColormap: geneExpressionColormap, setGeneExpressionColormap: setGeneExpressionColormap, geneExpressionColormapRange: geneExpressionColormapRange, setGeneExpressionColormapRange: setGeneExpressionColormapRange, tooltipsVisible: tooltipsVisible, setTooltipsVisible: setTooltipsVisible })), children: [_jsx(Heatmap, { ref: deckRef, transpose: transpose, viewState: { zoom: zoomX, target: [targetX, targetY] }, setViewState: ({ zoom, target }) => {
                     setZoomX(zoom);
                     setZoomY(zoom);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/heatmap",
-  "version": "3.4.10",
+  "version": "3.4.11",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,14 +20,14 @@
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.0",
     "react-aria": "^3.28.0",
-    "@vitessce/constants-internal": "3.4.10",
-    "@vitessce/gl": "3.4.10",
-    "@vitessce/legend": "3.4.10",
-    "@vitessce/sets-utils": "3.4.10",
-    "@vitessce/tooltip": "3.4.10",
-    "@vitessce/utils": "3.4.10",
-    "@vitessce/vit-s": "3.4.10",
-    "@vitessce/workers": "3.4.10"
+    "@vitessce/constants-internal": "3.4.11",
+    "@vitessce/gl": "3.4.11",
+    "@vitessce/legend": "3.4.11",
+    "@vitessce/sets-utils": "3.4.11",
+    "@vitessce/tooltip": "3.4.11",
+    "@vitessce/utils": "3.4.11",
+    "@vitessce/vit-s": "3.4.11",
+    "@vitessce/workers": "3.4.11"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",

package/src/HeatmapSubscriber.js

@@ -18,7 +18,7 @@ import {
 } from '@vitessce/vit-s';
 import { pluralize as plur, capitalize, commaNumber } from '@vitessce/utils';
 import { mergeObsSets, findLongestCommonPath, getCellColors } from '@vitessce/sets-utils';
-import { COMPONENT_COORDINATION_TYPES, ViewType } from '@vitessce/constants-internal';
+import { COMPONENT_COORDINATION_TYPES, ViewType, ViewHelpMapping } from '@vitessce/constants-internal';
 import { Legend } from '@vitessce/legend';
 import Heatmap from './Heatmap.js';
 import HeatmapTooltipSubscriber from './HeatmapTooltipSubscriber.js';
@@ -48,6 +48,7 @@ export function HeatmapSubscriber(props) {
     observationsLabelOverride,
     variablesLabelOverride,
     title = 'Heatmap',
+    helpText = ViewHelpMapping.HEATMAP,
   } = props;
 
   const loaders = useLoaders();
@@ -199,6 +200,7 @@ export function HeatmapSubscriber(props) {
   return (
     <TitleInfo
       title={title}
+      helpText={helpText}
       info={`${commaNumber(cellsCount)} ${plur(observationsLabel, cellsCount)} × ${commaNumber(genesCount)} ${plur(variablesLabel, genesCount)},
              with ${commaNumber(selectedCount)} ${plur(observationsLabel, selectedCount)} selected`}
       urls={urls}