@vitessce/heatmap 3.6.7 → 3.6.9

package/dist/{deflate-Ba7ZjAWb.js → deflate-7acU01X0.js}

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

package/dist/{index-BKr-5yyI.js → index-B0L-VWVv.js}

@@ -7007,6 +7007,9 @@ const configSchema1_0_16 = configSchema1_0_13.extend({
 const configSchema1_0_17 = configSchema1_0_16.extend({
   version: z.literal("1.0.17")
 });
+const configSchema1_0_18 = configSchema1_0_17.extend({
+  version: z.literal("1.0.18")
+});
 configSchema1_0_0.shape.coordinationSpace.unwrap();
 configSchema1_0_0.shape.layout.element.shape.coordinationScopes.unwrap();
 function upgradeReplaceViewProp(prefix2, view, coordinationSpace) {
@@ -7514,7 +7517,54 @@ function upgradeFrom1_0_16(config2) {
     version: "1.0.17"
   };
 }
-const latestConfigSchema = configSchema1_0_17;
+function upgradeFrom1_0_17(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 === "spatialdata.zarr" || fileType === "spatialdata.zarr.zip") {
+        if (options.labels && options.shapes) {
+          throw new Error("Cannot upgrade both labels and shapes at the same time. For now, a workaround is to include two separate spatialdata.zarr file definitions, one for labels and one for shapes.");
+        }
+        if (options.labels) {
+          const newOptions = {
+            ...options,
+            obsSegmentations: options.labels
+          };
+          delete newOptions.labels;
+          return {
+            ...fileDef,
+            options: newOptions
+          };
+        }
+        if (options.shapes) {
+          const newOptions = {
+            ...options,
+            obsSegmentations: options.shapes
+          };
+          delete newOptions.shapes;
+          return {
+            ...fileDef,
+            options: newOptions
+          };
+        }
+      }
+      return fileDef;
+    });
+    return {
+      ...datasetDef,
+      files: newFiles
+    };
+  });
+  return {
+    ...newConfig,
+    datasets: newDatasets,
+    version: "1.0.18"
+  };
+}
+const latestConfigSchema = configSchema1_0_18;
 const SCHEMA_HANDLERS = [
   [configSchema0_1_0, upgradeFrom0_1_0],
   [configSchema1_0_0, upgradeFrom1_0_0],
@@ -7533,7 +7583,8 @@ const SCHEMA_HANDLERS = [
   [configSchema1_0_13, upgradeFrom1_0_13],
   [configSchema1_0_14, upgradeFrom1_0_14],
   [configSchema1_0_15, upgradeFrom1_0_15],
-  [configSchema1_0_16, upgradeFrom1_0_16]
+  [configSchema1_0_16, upgradeFrom1_0_16],
+  [configSchema1_0_17, upgradeFrom1_0_17]
 ];
 var re$1 = { exports: {} };
 var constants$2;
@@ -9565,9 +9616,7 @@ const FileType$1 = {
   OBS_SETS_SPATIALDATA_ZARR: "obsSets.spatialdata.zarr",
   OBS_SPOTS_SPATIALDATA_ZARR: "obsSpots.spatialdata.zarr",
   FEATURE_LABELS_SPATIALDATA_ZARR: "featureLabels.spatialdata.zarr",
-  // TODO:
-  // OBS_POINTS_SPATIALDATA_ZARR: 'obsPoints.spatialdata.zarr',
-  // OBS_LOCATIONS_SPATIALDATA_ZARR: 'obsLocations.spatialdata.zarr',
+  OBS_POINTS_SPATIALDATA_ZARR: "obsPoints.spatialdata.zarr",
   // SpatialData - zipped
   IMAGE_SPATIALDATA_ZARR_ZIP: "image.spatialdata.zarr.zip",
   LABELS_SPATIALDATA_ZARR_ZIP: "labels.spatialdata.zarr.zip",
@@ -9576,6 +9625,7 @@ const FileType$1 = {
   OBS_SETS_SPATIALDATA_ZARR_ZIP: "obsSets.spatialdata.zarr.zip",
   OBS_SPOTS_SPATIALDATA_ZARR_ZIP: "obsSpots.spatialdata.zarr.zip",
   FEATURE_LABELS_SPATIALDATA_ZARR_ZIP: "featureLabels.spatialdata.zarr.zip",
+  OBS_POINTS_SPATIALDATA_ZARR_ZIP: "obsPoints.spatialdata.zarr.zip",
   // MuData
   OBS_FEATURE_MATRIX_MUDATA_ZARR: "obsFeatureMatrix.mudata.zarr",
   OBS_SETS_MUDATA_ZARR: "obsSets.mudata.zarr",
@@ -9825,6 +9875,7 @@ const ViewHelpMapping = {
   [FileType$1.OBS_FEATURE_MATRIX_SPATIALDATA_ZARR]: DataType$2.OBS_FEATURE_MATRIX,
   [FileType$1.OBS_SETS_SPATIALDATA_ZARR]: DataType$2.OBS_SETS,
   [FileType$1.FEATURE_LABELS_SPATIALDATA_ZARR]: DataType$2.FEATURE_LABELS,
+  [FileType$1.OBS_POINTS_SPATIALDATA_ZARR]: DataType$2.OBS_POINTS,
   // For new file types to support old file types
   [FileType$1.OBS_EMBEDDING_CELLS_JSON]: DataType$2.OBS_EMBEDDING,
   [FileType$1.OBS_LOCATIONS_CELLS_JSON]: DataType$2.OBS_LOCATIONS,
@@ -9998,6 +10049,9 @@ const ViewHelpMapping = {
   },
   [FileType$1.FEATURE_LABELS_SPATIALDATA_ZARR]: {
     zip: FileType$1.FEATURE_LABELS_SPATIALDATA_ZARR_ZIP
+  },
+  [FileType$1.OBS_POINTS_SPATIALDATA_ZARR]: {
+    zip: FileType$1.OBS_POINTS_SPATIALDATA_ZARR_ZIP
   }
 });
 [
@@ -11017,10 +11071,14 @@ const imageSpatialdataSchema = z.object({
   coordinateSystem: z.string().optional().describe('The name of a coordinate transformation output used to transform the image. If not provided, the "global" coordinate system is assumed.')
 });
 const obsSegmentationsSpatialdataSchema = z.object({
-  // TODO: should this be renamed labelsSpatialdataSchema?
-  // TODO: support obsTypesFromChannelNames?
-  path: z.string(),
-  tablePath: z.string().optional().describe("The path to a table which annotates the labels. If available but not specified, the spot identifiers may not be aligned with associated tabular data as expected."),
+  // TODO: support obsTypesFromElementNames?
+  path: z.string().describe("The path to the segmentation data, stored in either shapes/ or labels/."),
+  tablePath: z.string().optional().describe("The path to a table which annotates the labels or shapes. If available but not specified, the spot identifiers may not be aligned with associated tabular data as expected."),
+  coordinateSystem: z.string().optional().describe('The name of a coordinate transformation output used to transform the image. If not provided, the "global" coordinate system is assumed.')
+});
+const obsPointsSpatialdataSchema = z.object({
+  path: z.string().describe("The path to the point data."),
+  tablePath: z.string().optional().describe("The path to a table which annotates the points. If available but not specified, the spot identifiers may not be aligned with associated tabular data as expected."),
   coordinateSystem: z.string().optional().describe('The name of a coordinate transformation output used to transform the image. If not provided, the "global" coordinate system is assumed.')
 });
 z.object({
@@ -11140,13 +11198,10 @@ z.object({
   image: imageSpatialdataSchema,
   // TODO: should this be a special schema
   // to allow specifying fileUid (like for embeddingType)?
-  // TODO: allow multiple labels?
-  labels: obsSegmentationsSpatialdataSchema,
+  // TODO: allow multiple labels/shapes?
+  obsSegmentations: obsSegmentationsSpatialdataSchema,
+  obsPoints: obsPointsSpatialdataSchema,
   // TODO: allow multiple shapes?
-  // TODO: unify labels and shapes to obsSegmentations,
-  // then distinguish in expand function based on
-  // "labels/*" vs. "shapes/*" in path?
-  shapes: obsSegmentationsSpatialdataSchema,
   obsFeatureMatrix: obsFeatureMatrixSpatialdataSchema,
   obsSpots: obsSpotsSpatialdataSchema,
   // TODO: obsPoints
@@ -26982,6 +27037,23 @@ ButtonBase.propTypes = {
    */
   type: PropTypes.oneOfType([PropTypes.oneOf(["button", "reset", "submit"]), PropTypes.string])
 };
+function hasCorrectMainProperty(obj) {
+  return typeof obj.main === "string";
+}
+function checkSimplePaletteColorValues(obj, additionalPropertiesToCheck = []) {
+  if (!hasCorrectMainProperty(obj)) {
+    return false;
+  }
+  for (const value of additionalPropertiesToCheck) {
+    if (!obj.hasOwnProperty(value) || typeof obj[value] !== "string") {
+      return false;
+    }
+  }
+  return true;
+}
+function createSimplePaletteValueFilter(additionalPropertiesToCheck = []) {
+  return ([, value]) => value && checkSimplePaletteColorValues(value, additionalPropertiesToCheck);
+}
 function HTMLElementType(props, propName, componentName, location, propFullName) {
   const propValue = props[propName];
   const safePropName = propFullName || propName;
@@ -27089,23 +27161,6 @@ Portal.propTypes = {
 {
   Portal["propTypes"] = exactProp(Portal.propTypes);
 }
-function hasCorrectMainProperty(obj) {
-  return typeof obj.main === "string";
-}
-function checkSimplePaletteColorValues(obj, additionalPropertiesToCheck = []) {
-  if (!hasCorrectMainProperty(obj)) {
-    return false;
-  }
-  for (const value of additionalPropertiesToCheck) {
-    if (!obj.hasOwnProperty(value) || typeof obj[value] !== "string") {
-      return false;
-    }
-  }
-  return true;
-}
-function createSimplePaletteValueFilter(additionalPropertiesToCheck = []) {
-  return ([, value]) => value && checkSimplePaletteColorValues(value, additionalPropertiesToCheck);
-}
 function isHostComponent(element) {
   return typeof element === "string";
 }
@@ -137722,22 +137777,22 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c) => registry$1.set(c, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-U8M4JJZ-.js").then((m) => m.default));
-addDecoder(5, () => import("./lzw-CiiV86Ur.js").then((m) => m.default));
+addDecoder([void 0, 1], () => import("./raw-BjMoBSb_.js").then((m) => m.default));
+addDecoder(5, () => import("./lzw-mnIGkDYD.js").then((m) => m.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-Cm1shyEL.js").then((m) => m.default));
-addDecoder([8, 32946], () => import("./deflate-Ba7ZjAWb.js").then((m) => m.default));
-addDecoder(32773, () => import("./packbits-C2jGKqua.js").then((m) => m.default));
+addDecoder(7, () => import("./jpeg-CVofsHGA.js").then((m) => m.default));
+addDecoder([8, 32946], () => import("./deflate-7acU01X0.js").then((m) => m.default));
+addDecoder(32773, () => import("./packbits-CYaZXwaR.js").then((m) => m.default));
 addDecoder(
   34887,
-  () => import("./lerc-Dx1Y-w9t.js").then(async (m) => {
+  () => import("./lerc-BH5xK4HA.js").then(async (m) => {
     await m.zstd.init();
     return m;
   }).then((m) => m.default)
 );
-addDecoder(50001, () => import("./webimage-Ct76zRHV.js").then((m) => m.default));
+addDecoder(50001, () => import("./webimage-CRtplJ4s.js").then((m) => m.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset2 = 0;
@@ -152512,13 +152567,25 @@ function HeatmapSubscriber(props) {
   const [isRendering, setIsRendering] = useState(false);
   const [hoveredColorEncoding, setHoveredColorEncoding] = useState("geneSelection");
   const [width2, height2, deckRef] = useDeckCanvasSize();
-  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(
+  const [
+    // eslint-disable-next-line no-unused-vars
+    obsLabelsTypes,
+    obsLabelsData,
+    obsLabelsStatus,
+    obsLabelsUrls,
+    obsLabelsErrors
+  ] = useMultiObsLabels(
     coordinationScopes,
     obsType,
     loaders,
     dataset
   );
-  const [{ featureLabelsMap: featureLabelsMapOrig }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(
+  const [
+    { featureLabelsMap: featureLabelsMapOrig },
+    featureLabelsStatus,
+    featureLabelsUrls,
+    featureLabelsError
+  ] = useFeatureLabelsData(
     loaders,
     dataset,
     false,
@@ -152534,7 +152601,8 @@ function HeatmapSubscriber(props) {
   const [
     { obsIndex, featureIndex, obsFeatureMatrix },
     matrixStatus,
-    matrixUrls
+    matrixUrls,
+    matrixError
   ] = useObsFeatureMatrixData(
     loaders,
     dataset,
@@ -152543,7 +152611,12 @@ function HeatmapSubscriber(props) {
     {},
     { obsType, featureType, featureValueType }
   );
-  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
+  const [
+    { obsSets: cellSets, obsSetsMembership },
+    obsSetsStatus,
+    obsSetsUrls,
+    obsSetsError
+  ] = useObsSetsData(
     loaders,
     dataset,
     false,
@@ -152551,6 +152624,12 @@ function HeatmapSubscriber(props) {
     { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor },
     { obsType }
   );
+  const errors = [
+    ...obsLabelsErrors,
+    featureLabelsError,
+    matrixError,
+    obsSetsError
+  ];
   const isReady = useReady([
     featureLabelsStatus,
     expandedFeatureLabelsStatus,
@@ -152624,6 +152703,7 @@ function HeatmapSubscriber(props) {
     {
       title,
       helpText,
+      errors,
       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-BKr-5yyI.js";
+import { a, H } from "./index-B0L-VWVv.js";
 export {
   a as Heatmap,
   H as HeatmapSubscriber

package/dist/{jpeg-Cm1shyEL.js → jpeg-CVofsHGA.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BKr-5yyI.js";
+import { B as BaseDecoder } from "./index-B0L-VWVv.js";
 const dctZigZag = new Int32Array([
   0,
   1,

package/dist/{lerc-Dx1Y-w9t.js → lerc-BH5xK4HA.js}

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

package/dist/{lzw-CiiV86Ur.js → lzw-mnIGkDYD.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BKr-5yyI.js";
+import { B as BaseDecoder } from "./index-B0L-VWVv.js";
 const MIN_BITS = 9;
 const CLEAR_CODE = 256;
 const EOI_CODE = 257;

package/dist/{packbits-C2jGKqua.js → packbits-CYaZXwaR.js}

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

package/dist/{raw-U8M4JJZ-.js → raw-BjMoBSb_.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BKr-5yyI.js";
+import { B as BaseDecoder } from "./index-B0L-VWVv.js";
 class RawDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return buffer;

package/dist/{webimage-Ct76zRHV.js → webimage-CRtplJ4s.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-BKr-5yyI.js";
+import { B as BaseDecoder } from "./index-B0L-VWVv.js";
 class WebImageDecoder extends BaseDecoder {
   constructor() {
     super();

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

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

package/dist-tsc/HeatmapSubscriber.js

@@ -39,13 +39,21 @@ export function HeatmapSubscriber(props) {
     const [hoveredColorEncoding, setHoveredColorEncoding] = useState('geneSelection');
     const [width, height, deckRef] = useDeckCanvasSize();
     // Get data from loaders using the data hooks.
-    const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
+    const [
+    // eslint-disable-next-line no-unused-vars
+    obsLabelsTypes, obsLabelsData, obsLabelsStatus, obsLabelsUrls, obsLabelsErrors,] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
     // TODO: support multiple feature labels using featureLabelsType coordination values.
     // eslint-disable-next-line max-len
-    const [{ featureLabelsMap: featureLabelsMapOrig }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
+    const [{ featureLabelsMap: featureLabelsMapOrig }, featureLabelsStatus, featureLabelsUrls, featureLabelsError,] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
     const [featureLabelsMap, expandedFeatureLabelsStatus] = useExpandedFeatureLabelsMap(featureType, featureLabelsMapOrig, { stripCuriePrefixes: true });
-    const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls,] = useObsFeatureMatrixData(loaders, dataset, true, {}, {}, { obsType, featureType, featureValueType });
-    const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+    const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls, matrixError,] = useObsFeatureMatrixData(loaders, dataset, true, {}, {}, { obsType, featureType, featureValueType });
+    const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls, obsSetsError,] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+    const errors = [
+        ...obsLabelsErrors,
+        featureLabelsError,
+        matrixError,
+        obsSetsError,
+    ];
     const isReady = useReady([
         featureLabelsStatus,
         expandedFeatureLabelsStatus,
@@ -104,7 +112,7 @@ export function HeatmapSubscriber(props) {
         `${capitalize(observationsLabel)} Set`,
     ]), [observationsLabel]);
     const selectedCount = cellColors.size;
-    return (_jsxs(TitleInfo, { title: title, helpText: helpText, info: `${commaNumber(cellsCount)} ${plur(observationsLabel, cellsCount)} × ${commaNumber(genesCount)} ${plur(variablesLabel, genesCount)},
+    return (_jsxs(TitleInfo, { title: title, helpText: helpText, errors: errors, 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.6.7",
+  "version": "3.6.9",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -19,15 +19,15 @@
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.0",
     "react-aria": "^3.28.0",
-    "@vitessce/styles": "3.6.7",
-    "@vitessce/constants-internal": "3.6.7",
-    "@vitessce/gl": "3.6.7",
-    "@vitessce/legend": "3.6.7",
-    "@vitessce/sets-utils": "3.6.7",
-    "@vitessce/tooltip": "3.6.7",
-    "@vitessce/utils": "3.6.7",
-    "@vitessce/vit-s": "3.6.7",
-    "@vitessce/workers": "3.6.7"
+    "@vitessce/styles": "3.6.9",
+    "@vitessce/constants-internal": "3.6.9",
+    "@vitessce/gl": "3.6.9",
+    "@vitessce/legend": "3.6.9",
+    "@vitessce/sets-utils": "3.6.9",
+    "@vitessce/tooltip": "3.6.9",
+    "@vitessce/utils": "3.6.9",
+    "@vitessce/vit-s": "3.6.9",
+    "@vitessce/workers": "3.6.9"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/src/HeatmapSubscriber.js

@@ -107,12 +107,20 @@ export function HeatmapSubscriber(props) {
   const [width, height, deckRef] = useDeckCanvasSize();
 
   // Get data from loaders using the data hooks.
-  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(
+  const [
+    // eslint-disable-next-line no-unused-vars
+    obsLabelsTypes, obsLabelsData, obsLabelsStatus, obsLabelsUrls, obsLabelsErrors,
+  ] = useMultiObsLabels(
     coordinationScopes, obsType, loaders, dataset,
   );
   // TODO: support multiple feature labels using featureLabelsType coordination values.
   // eslint-disable-next-line max-len
-  const [{ featureLabelsMap: featureLabelsMapOrig }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(
+  const [
+    { featureLabelsMap: featureLabelsMapOrig },
+    featureLabelsStatus,
+    featureLabelsUrls,
+    featureLabelsError,
+  ] = useFeatureLabelsData(
     loaders, dataset, false, {}, {},
     { featureType },
   );
@@ -121,17 +129,26 @@ export function HeatmapSubscriber(props) {
   );
 
   const [
-    { obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls,
+    { obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls, matrixError,
   ] = useObsFeatureMatrixData(
     loaders, dataset, true, {}, {},
     { obsType, featureType, featureValueType },
   );
-  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
+  const [
+    { obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls, obsSetsError,
+  ] = useObsSetsData(
     loaders, dataset, false,
     { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor },
     { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor },
     { obsType },
   );
+
+  const errors = [
+    ...obsLabelsErrors,
+    featureLabelsError,
+    matrixError,
+    obsSetsError,
+  ];
   const isReady = useReady([
     featureLabelsStatus,
     expandedFeatureLabelsStatus,
@@ -212,6 +229,7 @@ export function HeatmapSubscriber(props) {
     <TitleInfo
       title={title}
       helpText={helpText}
+      errors={errors}
       info={`${commaNumber(cellsCount)} ${plur(observationsLabel, cellsCount)} × ${commaNumber(genesCount)} ${plur(variablesLabel, genesCount)},
              with ${commaNumber(selectedCount)} ${plur(observationsLabel, selectedCount)} selected`}
       urls={urls}