@haniffalab/cherita-react 1.3.0-dev.2025-06-06.c0b05a89 → 1.3.0-dev.2025-06-06.f1eddad0

package/dist/cjs/components/full-page/FullPage.js

@@ -152,7 +152,8 @@ function FullPage(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "cherita-app-obs modern-scrollbars border-end h-100"
   }, /*#__PURE__*/_react.default.createElement(_ObsList.ObsColsList, _extends({}, props, {
-    showSelectedAsActive: showSelectedAsActive
+    showSelectedAsActive: showSelectedAsActive,
+    showHistograms: varMode === _constants.SELECTION_MODES.SINGLE
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "cherita-app-canvas"
   }, plot), /*#__PURE__*/_react.default.createElement("div", {

package/dist/cjs/components/obs-list/ObsItem.js

@@ -52,8 +52,11 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function getContinuousLabel(code, binEdges) {
   return "[ ".concat((0, _string.formatNumerical)(binEdges[code][0]), ", ").concat((0, _string.formatNumerical)(binEdges[code][1], _string.FORMATS.EXPONENTIAL)).concat(code === binEdges.length - 1 ? " ]" : " )");
 }
-const useObsHistogram = obs => {
+const useObsHistogram = (obs, _ref) => {
   var _settings$selectedVar, _settings$selectedVar2, _settings$selectedVar3, _settings$selectedVar4, _settings$selectedVar9, _settings$selectedVar0, _settings$selectedVar1, _settings$selectedVar10;
+  let {
+    enabled = true
+  } = _ref;
   const ENDPOINT = "obs/histograms";
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
@@ -85,7 +88,7 @@ const useObsHistogram = obs => {
     });
   }, [(_settings$selectedVar9 = settings.selectedVar) === null || _settings$selectedVar9 === void 0 ? void 0 : _settings$selectedVar9.index, (_settings$selectedVar0 = settings.selectedVar) === null || _settings$selectedVar0 === void 0 ? void 0 : _settings$selectedVar0.isSet, (_settings$selectedVar1 = settings.selectedVar) === null || _settings$selectedVar1 === void 0 ? void 0 : _settings$selectedVar1.name, (_settings$selectedVar10 = settings.selectedVar) === null || _settings$selectedVar10 === void 0 ? void 0 : _settings$selectedVar10.vars, obsIndices, isSliced, obs]);
   return (0, _requests.useFetch)(ENDPOINT, params, {
-    enabled: !!settings.selectedVar && settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR,
+    enabled: enabled && !!settings.selectedVar && settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR,
     refetchOnMount: false
   });
 };
@@ -132,7 +135,7 @@ const useFilteredObsData = obs => {
     pct: pct
   };
 };
-function CategoricalItem(_ref) {
+function CategoricalItem(_ref2) {
   let {
     value,
     label,
@@ -157,7 +160,7 @@ function CategoricalItem(_ref) {
     isSliced,
     colors = null,
     showColor = true
-  } = _ref;
+  } = _ref2;
   const {
     useUnsColors
   } = (0, _DatasetContext.useDataset)();
@@ -258,13 +261,14 @@ function CategoricalItem(_ref) {
     } : {})), ")")
   }))) : null))));
 }
-function CategoricalObs(_ref2) {
+function CategoricalObs(_ref3) {
   let {
     obs,
     toggleAll,
     toggleObs,
-    showColor = true
-  } = _ref2;
+    showColor = true,
+    showHistograms = true
+  } = _ref3;
   const settings = (0, _SettingsContext.useSettings)();
   const {
     isSliced
@@ -272,7 +276,9 @@ function CategoricalObs(_ref2) {
   const totalCounts = _lodash.default.sum(_lodash.default.values(obs.value_counts));
   const min = _lodash.default.min(_lodash.default.values(obs.codes));
   const max = _lodash.default.max(_lodash.default.values(obs.codes));
-  const obsHistograms = useObsHistogram(obs);
+  const obsHistograms = useObsHistogram(obs, {
+    enabled: showHistograms
+  });
   const filteredObsData = useFilteredObsData(obs);
   const getDataAtIndex = (0, _react.useCallback)(index => {
     var _obsHistograms$fetche;
@@ -285,7 +291,7 @@ function CategoricalObs(_ref2) {
       },
       isOmitted: _lodash.default.includes(obs.omit, obs.codes[obs.values[index]]),
       label: obs.values[index],
-      histogramData: settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? {
+      histogramData: showHistograms && settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? {
         data: (_obsHistograms$fetche = obsHistograms.fetchedData) === null || _obsHistograms$fetche === void 0 ? void 0 : _obsHistograms$fetche[obs.values[index]],
         isPending: obsHistograms.isPending,
         altColor: isSliced
@@ -300,7 +306,7 @@ function CategoricalObs(_ref2) {
       isSliced: isSliced,
       colors: obs.colors
     };
-  }, [obs.values, obs.codes, obs.value_counts, obs.omit, obs.colors, totalCounts, settings.colorEncoding, obsHistograms.fetchedData, obsHistograms.isPending, isSliced, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct]);
+  }, [obs.values, obs.codes, obs.value_counts, obs.omit, totalCounts, showHistograms, obs.colors, settings.colorEncoding, obsHistograms.fetchedData, obsHistograms.isPending, isSliced, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct]);
   showColor &= settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS;
   return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, {
     variant: "flush",
@@ -322,10 +328,10 @@ function CategoricalObs(_ref2) {
     estimateSize: 42
   }));
 }
-function ObsContinuousStats(_ref3) {
+function ObsContinuousStats(_ref4) {
   let {
     obs
-  } = _ref3;
+  } = _ref4;
   const ENDPOINT = "obs/distribution";
   const dataset = (0, _DatasetContext.useDataset)();
   const params = {
@@ -385,12 +391,13 @@ function ObsContinuousStats(_ref3) {
 }
 
 // @TODO: add bin controls
-function ContinuousObs(_ref4) {
+function ContinuousObs(_ref5) {
   let {
     obs,
     toggleAll,
-    toggleObs
-  } = _ref4;
+    toggleObs,
+    showHistograms = true
+  } = _ref5;
   const settings = (0, _SettingsContext.useSettings)();
   const {
     isSliced
@@ -398,7 +405,9 @@ function ContinuousObs(_ref4) {
   const totalCounts = _lodash.default.sum(_lodash.default.values(obs.value_counts));
   const min = _lodash.default.min(_lodash.default.values(obs.codes));
   const max = _lodash.default.max(_lodash.default.values(obs.codes));
-  const obsHistograms = useObsHistogram(obs);
+  const obsHistograms = useObsHistogram(obs, {
+    enabled: showHistograms
+  });
   const filteredObsData = useFilteredObsData(obs);
   const getDataAtIndex = (0, _react.useCallback)(index => {
     var _obsHistograms$fetche2;
@@ -411,7 +420,7 @@ function ContinuousObs(_ref4) {
       },
       isOmitted: _lodash.default.includes(obs.omit, obs.codes[obs.values[index]]),
       label: isNaN(obs.values[index]) ? "NaN" : getContinuousLabel(obs.codes[obs.values[index]], obs.bins.binEdges),
-      histogramData: settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? {
+      histogramData: showHistograms && settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? {
         data: (_obsHistograms$fetche2 = obsHistograms.fetchedData) === null || _obsHistograms$fetche2 === void 0 ? void 0 : _obsHistograms$fetche2[obs.values[index]],
         isPending: obsHistograms.isPending,
         altColor: isSliced
@@ -425,7 +434,7 @@ function ContinuousObs(_ref4) {
       },
       isSliced: isSliced
     };
-  }, [filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, isSliced, obs.bins.binEdges, obs.codes, obs.omit, obs.value_counts, obs.values, obsHistograms.fetchedData, obsHistograms.isPending, settings.colorEncoding, totalCounts]);
+  }, [filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, isSliced, obs.bins.binEdges, obs.codes, obs.omit, obs.value_counts, obs.values, obsHistograms.fetchedData, obsHistograms.isPending, settings.colorEncoding, showHistograms, totalCounts]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, {
     variant: "flush",
     className: "cherita-list"

package/dist/cjs/components/obs-list/ObsList.js

@@ -57,7 +57,8 @@ function ObsColsList(_ref2) {
   let {
     showColor = true,
     enableObsGroups = true,
-    showSelectedAsActive = false
+    showSelectedAsActive = false,
+    showHistograms = true
   } = _ref2;
   const ENDPOINT = "obs/cols";
   const dataset = (0, _DatasetContext.useDataset)();
@@ -264,7 +265,8 @@ function ObsColsList(_ref2) {
       toggleLabel: () => toggleLabel(item),
       toggleSlice: () => toggleSlice(item),
       toggleColor: () => toggleColor(item),
-      showColor: showColor && isColorEncoding
+      showColor: showColor && isColorEncoding,
+      showHistograms: showHistograms
     }) : /*#__PURE__*/_react.default.createElement(_ObsItem.ContinuousObs, {
       key: item.name,
       obs: item,
@@ -272,7 +274,8 @@ function ObsColsList(_ref2) {
       toggleObs: value => toggleObs(item, value),
       toggleLabel: () => toggleLabel(item),
       toggleSlice: () => toggleSlice(item),
-      toggleColor: () => toggleColor(item)
+      toggleColor: () => toggleColor(item),
+      showHistograms: showHistograms
     })))));
   };
   const groupList = _lodash.default.map(_lodash.default.keys(obsGroups), group => {

package/dist/cjs/components/scatterplot/Scatterplot.js

@@ -73,6 +73,7 @@ function Scatterplot(_ref) {
     positions: [],
     values: []
   });
+  const [coordsError, setCoordsError] = (0, _react.useState)(null);
 
   // EditableGeoJsonLayer
   const [mode, setMode] = (0, _react.useState)(() => _editModes.ViewMode);
@@ -110,8 +111,22 @@ function Scatterplot(_ref) {
         } else if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
           values = !obsData.serverError ? obsData.data : values;
         }
+        if (!obsmData.serverError && obsmData.data) {
+          if (obsmData.data[0].length !== 2) {
+            setCoordsError("Invalid coordinates. Expected 2D coordinates");
+            return {
+              positions: [],
+              values: []
+            };
+          }
+          setCoordsError(null);
+          return {
+            positions: obsmData.data,
+            values: values
+          };
+        }
         return {
-          positions: !obsmData.serverError ? obsmData.data : d.positions,
+          positions: d.positions,
           values: values
         };
       });
@@ -351,7 +366,7 @@ function Scatterplot(_ref) {
       }
     };
   };
-  const error = settings.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR && ((_xData$serverError = xData.serverError) === null || _xData$serverError === void 0 ? void 0 : _xData$serverError.length) || settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && ((_obsData$serverError = obsData.serverError) === null || _obsData$serverError === void 0 ? void 0 : _obsData$serverError.length) || settings.labelObs.length && ((_labelObsData$serverE = labelObsData.serverError) === null || _labelObsData$serverE === void 0 ? void 0 : _labelObsData$serverE.length);
+  const error = settings.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR && ((_xData$serverError = xData.serverError) === null || _xData$serverError === void 0 ? void 0 : _xData$serverError.length) || settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && ((_obsData$serverError = obsData.serverError) === null || _obsData$serverError === void 0 ? void 0 : _obsData$serverError.length) || settings.labelObs.length && ((_labelObsData$serverE = labelObsData.serverError) === null || _labelObsData$serverE === void 0 ? void 0 : _labelObsData$serverE.length) || coordsError;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cherita-container-scatterplot"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/esm/components/full-page/FullPage.js

@@ -145,7 +145,8 @@ export function FullPage(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "cherita-app-obs modern-scrollbars border-end h-100"
   }, /*#__PURE__*/React.createElement(ObsColsList, _extends({}, props, {
-    showSelectedAsActive: showSelectedAsActive
+    showSelectedAsActive: showSelectedAsActive,
+    showHistograms: varMode === SELECTION_MODES.SINGLE
   }))), /*#__PURE__*/React.createElement("div", {
     className: "cherita-app-canvas"
   }, plot), /*#__PURE__*/React.createElement("div", {

package/dist/esm/components/obs-list/ObsItem.js

@@ -44,8 +44,11 @@ import { useObsData } from "../../utils/zarrData";
 function getContinuousLabel(code, binEdges) {
   return "[ ".concat(formatNumerical(binEdges[code][0]), ", ").concat(formatNumerical(binEdges[code][1], FORMATS.EXPONENTIAL)).concat(code === binEdges.length - 1 ? " ]" : " )");
 }
-const useObsHistogram = obs => {
+const useObsHistogram = (obs, _ref) => {
   var _settings$selectedVar, _settings$selectedVar2, _settings$selectedVar3, _settings$selectedVar4, _settings$selectedVar9, _settings$selectedVar0, _settings$selectedVar1, _settings$selectedVar10;
+  let {
+    enabled = true
+  } = _ref;
   const ENDPOINT = "obs/histograms";
   const dataset = useDataset();
   const settings = useSettings();
@@ -77,7 +80,7 @@ const useObsHistogram = obs => {
     });
   }, [(_settings$selectedVar9 = settings.selectedVar) === null || _settings$selectedVar9 === void 0 ? void 0 : _settings$selectedVar9.index, (_settings$selectedVar0 = settings.selectedVar) === null || _settings$selectedVar0 === void 0 ? void 0 : _settings$selectedVar0.isSet, (_settings$selectedVar1 = settings.selectedVar) === null || _settings$selectedVar1 === void 0 ? void 0 : _settings$selectedVar1.name, (_settings$selectedVar10 = settings.selectedVar) === null || _settings$selectedVar10 === void 0 ? void 0 : _settings$selectedVar10.vars, obsIndices, isSliced, obs]);
   return useFetch(ENDPOINT, params, {
-    enabled: !!settings.selectedVar && settings.colorEncoding === COLOR_ENCODINGS.VAR,
+    enabled: enabled && !!settings.selectedVar && settings.colorEncoding === COLOR_ENCODINGS.VAR,
     refetchOnMount: false
   });
 };
@@ -124,7 +127,7 @@ const useFilteredObsData = obs => {
     pct: pct
   };
 };
-function CategoricalItem(_ref) {
+function CategoricalItem(_ref2) {
   let {
     value,
     label,
@@ -149,7 +152,7 @@ function CategoricalItem(_ref) {
     isSliced,
     colors = null,
     showColor = true
-  } = _ref;
+  } = _ref2;
   const {
     useUnsColors
   } = useDataset();
@@ -250,13 +253,14 @@ function CategoricalItem(_ref) {
     } : {})), ")")
   }))) : null))));
 }
-export function CategoricalObs(_ref2) {
+export function CategoricalObs(_ref3) {
   let {
     obs,
     toggleAll,
     toggleObs,
-    showColor = true
-  } = _ref2;
+    showColor = true,
+    showHistograms = true
+  } = _ref3;
   const settings = useSettings();
   const {
     isSliced
@@ -264,7 +268,9 @@ export function CategoricalObs(_ref2) {
   const totalCounts = _.sum(_.values(obs.value_counts));
   const min = _.min(_.values(obs.codes));
   const max = _.max(_.values(obs.codes));
-  const obsHistograms = useObsHistogram(obs);
+  const obsHistograms = useObsHistogram(obs, {
+    enabled: showHistograms
+  });
   const filteredObsData = useFilteredObsData(obs);
   const getDataAtIndex = useCallback(index => {
     var _obsHistograms$fetche;
@@ -277,7 +283,7 @@ export function CategoricalObs(_ref2) {
       },
       isOmitted: _.includes(obs.omit, obs.codes[obs.values[index]]),
       label: obs.values[index],
-      histogramData: settings.colorEncoding === COLOR_ENCODINGS.VAR ? {
+      histogramData: showHistograms && settings.colorEncoding === COLOR_ENCODINGS.VAR ? {
         data: (_obsHistograms$fetche = obsHistograms.fetchedData) === null || _obsHistograms$fetche === void 0 ? void 0 : _obsHistograms$fetche[obs.values[index]],
         isPending: obsHistograms.isPending,
         altColor: isSliced
@@ -292,7 +298,7 @@ export function CategoricalObs(_ref2) {
       isSliced: isSliced,
       colors: obs.colors
     };
-  }, [obs.values, obs.codes, obs.value_counts, obs.omit, obs.colors, totalCounts, settings.colorEncoding, obsHistograms.fetchedData, obsHistograms.isPending, isSliced, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct]);
+  }, [obs.values, obs.codes, obs.value_counts, obs.omit, totalCounts, showHistograms, obs.colors, settings.colorEncoding, obsHistograms.fetchedData, obsHistograms.isPending, isSliced, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct]);
   showColor &= settings.colorEncoding === COLOR_ENCODINGS.OBS;
   return /*#__PURE__*/React.createElement(ListGroup, {
     variant: "flush",
@@ -314,10 +320,10 @@ export function CategoricalObs(_ref2) {
     estimateSize: 42
   }));
 }
-function ObsContinuousStats(_ref3) {
+function ObsContinuousStats(_ref4) {
   let {
     obs
-  } = _ref3;
+  } = _ref4;
   const ENDPOINT = "obs/distribution";
   const dataset = useDataset();
   const params = {
@@ -377,12 +383,13 @@ function ObsContinuousStats(_ref3) {
 }
 
 // @TODO: add bin controls
-export function ContinuousObs(_ref4) {
+export function ContinuousObs(_ref5) {
   let {
     obs,
     toggleAll,
-    toggleObs
-  } = _ref4;
+    toggleObs,
+    showHistograms = true
+  } = _ref5;
   const settings = useSettings();
   const {
     isSliced
@@ -390,7 +397,9 @@ export function ContinuousObs(_ref4) {
   const totalCounts = _.sum(_.values(obs.value_counts));
   const min = _.min(_.values(obs.codes));
   const max = _.max(_.values(obs.codes));
-  const obsHistograms = useObsHistogram(obs);
+  const obsHistograms = useObsHistogram(obs, {
+    enabled: showHistograms
+  });
   const filteredObsData = useFilteredObsData(obs);
   const getDataAtIndex = useCallback(index => {
     var _obsHistograms$fetche2;
@@ -403,7 +412,7 @@ export function ContinuousObs(_ref4) {
       },
       isOmitted: _.includes(obs.omit, obs.codes[obs.values[index]]),
       label: isNaN(obs.values[index]) ? "NaN" : getContinuousLabel(obs.codes[obs.values[index]], obs.bins.binEdges),
-      histogramData: settings.colorEncoding === COLOR_ENCODINGS.VAR ? {
+      histogramData: showHistograms && settings.colorEncoding === COLOR_ENCODINGS.VAR ? {
         data: (_obsHistograms$fetche2 = obsHistograms.fetchedData) === null || _obsHistograms$fetche2 === void 0 ? void 0 : _obsHistograms$fetche2[obs.values[index]],
         isPending: obsHistograms.isPending,
         altColor: isSliced
@@ -417,7 +426,7 @@ export function ContinuousObs(_ref4) {
       },
       isSliced: isSliced
     };
-  }, [filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, isSliced, obs.bins.binEdges, obs.codes, obs.omit, obs.value_counts, obs.values, obsHistograms.fetchedData, obsHistograms.isPending, settings.colorEncoding, totalCounts]);
+  }, [filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, isSliced, obs.bins.binEdges, obs.codes, obs.omit, obs.value_counts, obs.values, obsHistograms.fetchedData, obsHistograms.isPending, settings.colorEncoding, showHistograms, totalCounts]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListGroup, {
     variant: "flush",
     className: "cherita-list"

package/dist/esm/components/obs-list/ObsList.js

@@ -49,7 +49,8 @@ export function ObsColsList(_ref2) {
   let {
     showColor = true,
     enableObsGroups = true,
-    showSelectedAsActive = false
+    showSelectedAsActive = false,
+    showHistograms = true
   } = _ref2;
   const ENDPOINT = "obs/cols";
   const dataset = useDataset();
@@ -256,7 +257,8 @@ export function ObsColsList(_ref2) {
       toggleLabel: () => toggleLabel(item),
       toggleSlice: () => toggleSlice(item),
       toggleColor: () => toggleColor(item),
-      showColor: showColor && isColorEncoding
+      showColor: showColor && isColorEncoding,
+      showHistograms: showHistograms
     }) : /*#__PURE__*/React.createElement(ContinuousObs, {
       key: item.name,
       obs: item,
@@ -264,7 +266,8 @@ export function ObsColsList(_ref2) {
       toggleObs: value => toggleObs(item, value),
       toggleLabel: () => toggleLabel(item),
       toggleSlice: () => toggleSlice(item),
-      toggleColor: () => toggleColor(item)
+      toggleColor: () => toggleColor(item),
+      showHistograms: showHistograms
     })))));
   };
   const groupList = _.map(_.keys(obsGroups), group => {

package/dist/esm/components/scatterplot/Scatterplot.js

@@ -65,6 +65,7 @@ export function Scatterplot(_ref) {
     positions: [],
     values: []
   });
+  const [coordsError, setCoordsError] = useState(null);
 
   // EditableGeoJsonLayer
   const [mode, setMode] = useState(() => ViewMode);
@@ -102,8 +103,22 @@ export function Scatterplot(_ref) {
         } else if (settings.colorEncoding === COLOR_ENCODINGS.OBS) {
           values = !obsData.serverError ? obsData.data : values;
         }
+        if (!obsmData.serverError && obsmData.data) {
+          if (obsmData.data[0].length !== 2) {
+            setCoordsError("Invalid coordinates. Expected 2D coordinates");
+            return {
+              positions: [],
+              values: []
+            };
+          }
+          setCoordsError(null);
+          return {
+            positions: obsmData.data,
+            values: values
+          };
+        }
         return {
-          positions: !obsmData.serverError ? obsmData.data : d.positions,
+          positions: d.positions,
           values: values
         };
       });
@@ -343,7 +358,7 @@ export function Scatterplot(_ref) {
       }
     };
   };
-  const error = settings.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || settings.colorEncoding === COLOR_ENCODINGS.VAR && ((_xData$serverError = xData.serverError) === null || _xData$serverError === void 0 ? void 0 : _xData$serverError.length) || settings.colorEncoding === COLOR_ENCODINGS.OBS && ((_obsData$serverError = obsData.serverError) === null || _obsData$serverError === void 0 ? void 0 : _obsData$serverError.length) || settings.labelObs.length && ((_labelObsData$serverE = labelObsData.serverError) === null || _labelObsData$serverE === void 0 ? void 0 : _labelObsData$serverE.length);
+  const error = settings.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || settings.colorEncoding === COLOR_ENCODINGS.VAR && ((_xData$serverError = xData.serverError) === null || _xData$serverError === void 0 ? void 0 : _xData$serverError.length) || settings.colorEncoding === COLOR_ENCODINGS.OBS && ((_obsData$serverError = obsData.serverError) === null || _obsData$serverError === void 0 ? void 0 : _obsData$serverError.length) || settings.labelObs.length && ((_labelObsData$serverE = labelObsData.serverError) === null || _labelObsData$serverE === void 0 ? void 0 : _labelObsData$serverE.length) || coordsError;
   return /*#__PURE__*/React.createElement("div", {
     className: "cherita-container-scatterplot"
   }, /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "1.3.0-dev.2025-06-06.c0b05a89",
+  "version": "1.3.0-dev.2025-06-06.f1eddad0",
   "author": "Haniffa Lab",
   "license": "MIT",
   "keywords": [
@@ -127,5 +127,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "c0b05a895b3e582b1719870cbd23b084095c36de"
+  "prereleaseSha": "f1eddad0f8fea03ef886db127e9a9d50766aab8e"
 }