@haniffalab/cherita-react 1.4.1-dev.2025-08-13.6fc43290 → 1.4.1-dev.2025-08-18.6fbf7a74

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

@@ -24,6 +24,7 @@ var _colorHelper = require("../../helpers/color-helper");
 var _mapHelper = require("../../helpers/map-helper");
 var _Legend = require("../../utils/Legend");
 var _LoadingIndicators = require("../../utils/LoadingIndicators");
+var _Resolver = require("../../utils/Resolver");
 var _string = require("../../utils/string");
 var _zarrData = require("../../utils/zarrData");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -43,7 +44,7 @@ const INITIAL_VIEW_STATE = {
   bearing: 0
 };
 function Scatterplot(_ref) {
-  var _settings$selectedObs2, _settings$selectedObs5, _settings$selectedObs8, _features$features2, _obsmData$serverError, _xData$serverError, _obsData$serverError, _labelObsData$serverE, _settings$selectedVar, _settings$selectedObs9, _data$positions;
+  var _features$features2, _obsmData$serverError, _labelObsData$serverE, _settings$selectedVar, _data$positions;
   let {
     radius = null,
     setShowObs,
@@ -74,6 +75,8 @@ function Scatterplot(_ref) {
     values: []
   });
   const [coordsError, setCoordsError] = (0, _react.useState)(null);
+  const [dataError, setDataError] = (0, _react.useState)(null);
+  const selectedObs = (0, _Resolver.useSelectedObs)();
 
   // EditableGeoJsonLayer
   const [mode, setMode] = (0, _react.useState)(() => _editModes.ViewMode);
@@ -107,9 +110,21 @@ function Scatterplot(_ref) {
       setData(d => {
         let values = d.values;
         if (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR) {
-          values = !xData.serverError ? xData.data : values;
+          if (!xData.serverError) {
+            values = xData.data;
+            setDataError(null);
+          } else {
+            values = [];
+            setDataError(xData.serverError);
+          }
         } else if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
-          values = !obsData.serverError ? obsData.data : values;
+          if (!obsData.serverError) {
+            values = obsData.data;
+            setDataError(null);
+          } else {
+            values = [];
+            setDataError(obsData.serverError);
+          }
         }
         if (!obsmData.serverError && obsmData.data) {
           if (obsmData.data[0].length !== 2) {
@@ -182,8 +197,7 @@ function Scatterplot(_ref) {
     getOriginalIndex,
     sortedIndexMap
   } = (0, _react.useMemo)(() => {
-    var _settings$selectedObs;
-    if ((settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR || settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && ((_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.type) === _constants.OBS_TYPES.CONTINUOUS) && data.positions && data.values && data.positions.length === data.values.length) {
+    if ((settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR || settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.CONTINUOUS) && data.positions && data.values && data.positions.length === data.values.length) {
       const sortedIndices = _lodash.default.map(data.values, (_v, i) => i).sort((a, b) => data.values[a] - data.values[b]);
       const sortedIndexMap = new Map(_lodash.default.map(sortedIndices, (originalIndex, sortedIndex) => [originalIndex, sortedIndex]));
       return {
@@ -200,24 +214,17 @@ function Scatterplot(_ref) {
       // return original index
       sortedIndexMap: identitySortedIndexMap // return original index
     };
-  }, [data, identityGetOriginalIndex, identitySortedIndexMap, settings.colorEncoding, (_settings$selectedObs2 = settings.selectedObs) === null || _settings$selectedObs2 === void 0 ? void 0 : _settings$selectedObs2.type]);
+  }, [data, identityGetOriginalIndex, identitySortedIndexMap, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type, settings.colorEncoding]);
   const sortedObsIndices = (0, _react.useMemo)(() => {
     return obsIndices ? new Set(Array.from(obsIndices, i => sortedIndexMap.get(i))) : obsIndices;
   }, [obsIndices, sortedIndexMap]);
   const isCategorical = (0, _react.useMemo)(() => {
     if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
-      var _settings$selectedObs3, _settings$selectedObs4;
-      return ((_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.type) === _constants.OBS_TYPES.CATEGORICAL || ((_settings$selectedObs4 = settings.selectedObs) === null || _settings$selectedObs4 === void 0 ? void 0 : _settings$selectedObs4.type) === _constants.OBS_TYPES.BOOLEAN;
+      return (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL || (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.BOOLEAN;
     } else {
       return false;
     }
-  }, [settings.colorEncoding, (_settings$selectedObs5 = settings.selectedObs) === null || _settings$selectedObs5 === void 0 ? void 0 : _settings$selectedObs5.type]);
-  (0, _react.useEffect)(() => {
-    dispatch({
-      type: "set.controls.valueRange",
-      valueRange: [valueMin, valueMax]
-    });
-  }, [dispatch, valueMax, valueMin]);
+  }, [settings.colorEncoding, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type]);
   const {
     min,
     max
@@ -226,7 +233,6 @@ function Scatterplot(_ref) {
     max: settings.controls.range[1] * (valueMax - valueMin) + valueMin
   };
   const getFillColor = (0, _react.useCallback)((_d, _ref2) => {
-    var _settings$selectedObs6, _settings$selectedObs7;
     let {
       index
     } = _ref2;
@@ -235,10 +241,10 @@ function Scatterplot(_ref) {
       value: (sortedData.values[index] - min) / (max - min),
       categorical: isCategorical,
       grayOut: grayOut
-    }, useUnsColors && settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && (_settings$selectedObs6 = settings.selectedObs) !== null && _settings$selectedObs6 !== void 0 && _settings$selectedObs6.colors ? {
-      colorscale: (_settings$selectedObs7 = settings.selectedObs) === null || _settings$selectedObs7 === void 0 ? void 0 : _settings$selectedObs7.colors
+    }, useUnsColors && settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && selectedObs !== null && selectedObs !== void 0 && selectedObs.colors ? {
+      colorscale: selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.colors
     } : {})) || [0, 0, 0, 100];
-  }, [isPending, sortedObsIndices, getColor, sortedData.values, min, max, isCategorical, useUnsColors, settings.colorEncoding, (_settings$selectedObs8 = settings.selectedObs) === null || _settings$selectedObs8 === void 0 ? void 0 : _settings$selectedObs8.colors]);
+  }, [isPending, sortedObsIndices, getColor, sortedData.values, min, max, isCategorical, useUnsColors, settings.colorEncoding, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.colors]);
 
   // @TODO: add support for pseudospatial hover to reflect in radius
   const getRadius = (0, _react.useCallback)((_d, _ref3) => {
@@ -336,11 +342,9 @@ function Scatterplot(_ref) {
     } = _ref5;
     if (!object || (object === null || object === void 0 ? void 0 : object.type) === "Feature") return;
     const text = [];
-    if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && settings.selectedObs && !_lodash.default.some(settings.labelObs, {
-      name: settings.selectedObs.name
-    })) {
+    if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && selectedObs && !_lodash.default.includes(settings.labelObs, selectedObs.name)) {
       var _data$values;
-      text.push(getLabel(settings.selectedObs, (_data$values = data.values) === null || _data$values === void 0 ? void 0 : _data$values[getOriginalIndex(index)]));
+      text.push(getLabel(selectedObs, (_data$values = data.values) === null || _data$values === void 0 ? void 0 : _data$values[getOriginalIndex(index)]));
     }
     if (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR && settings.selectedVar) {
       var _data$values2;
@@ -348,7 +352,7 @@ function Scatterplot(_ref) {
     }
     if (settings.labelObs.length) {
       text.push(..._lodash.default.map(labelObsData.data, (v, k) => {
-        const labelObs = _lodash.default.find(settings.labelObs, o => o.name === k);
+        const labelObs = settings.data.obs[k];
         return getLabel(labelObs, v[getOriginalIndex(index)]);
       }));
     }
@@ -366,7 +370,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) || coordsError;
+  const error = settings.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || dataError || 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", {
@@ -415,13 +419,15 @@ function Scatterplot(_ref) {
     className: "cherita-toolbox-footer"
   }, !!error && !isRendering && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
     variant: "danger"
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert.Heading, null, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
     icon: _freeSolidSvgIcons.faTriangleExclamation
-  }), "\xA0Error loading data"), /*#__PURE__*/_react.default.createElement(_Toolbox.Toolbox, {
-    mode: settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? (_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name : settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? (_settings$selectedObs9 = settings.selectedObs) === null || _settings$selectedObs9 === void 0 ? void 0 : _settings$selectedObs9.name : null,
+  }), "\xA0Error loading data"), /*#__PURE__*/_react.default.createElement("p", {
+    className: "mb-0"
+  }, error.message)), /*#__PURE__*/_react.default.createElement(_Toolbox.Toolbox, {
+    mode: settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? (_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name : settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.name : null,
     obsLength: parseInt((_data$positions = data.positions) === null || _data$positions === void 0 ? void 0 : _data$positions.length),
     slicedLength: parseInt(slicedLength)
-  })), /*#__PURE__*/_react.default.createElement(_Legend.Legend, {
+  })), !error && /*#__PURE__*/_react.default.createElement(_Legend.Legend, {
     isCategorical: isCategorical,
     min: min,
     max: max

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

@@ -8,17 +8,23 @@ var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _reactBootstrap = require("react-bootstrap");
 var _constants = require("../../constants/constants");
+var _FilterContext = require("../../context/FilterContext");
 var _SettingsContext = require("../../context/SettingsContext");
+var _Resolver = require("../../utils/Resolver");
 var _Controls = require("../controls/Controls");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ScatterplotControls = () => {
-  var _settings$selectedObs;
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
   const [sliderValue, setSliderValue] = _react.default.useState(settings.controls.range || [0, 1]);
-  const isCategorical = settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? ((_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL : false;
+  const {
+    valueMin,
+    valueMax
+  } = (0, _FilterContext.useFilteredData)();
+  const selectedObs = (0, _Resolver.useSelectedObs)();
+  const isCategorical = settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL : false;
   const valueLabelFormat = value => {
-    return (value * (settings.controls.valueRange[1] - settings.controls.valueRange[0]) + settings.controls.valueRange[0]).toFixed(2);
+    return (value * (valueMax - valueMin) + valueMin).toFixed(2);
   };
   const marks = [{
     value: 0,

package/dist/cjs/components/var-list/VarList.js

@@ -20,6 +20,7 @@ var _FilterContext = require("../../context/FilterContext");
 var _SettingsContext = require("../../context/SettingsContext");
 var _LoadingIndicators = require("../../utils/LoadingIndicators");
 var _requests = require("../../utils/requests");
+var _Resolver = require("../../utils/Resolver");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -38,7 +39,7 @@ const useVarMean = function (varKeys) {
     url: dataset.url,
     varKeys: _lodash.default.map(varKeys, v => v.isSet ? {
       name: v.name,
-      indices: v.vars.map(v => v.index)
+      indices: v.vars.map(vv => vv.index)
     } : v.index),
     obsIndices: obsIndices,
     varNamesCol: dataset.varNamesCol
@@ -48,7 +49,7 @@ const useVarMean = function (varKeys) {
       return _objectSpread(_objectSpread({}, p), {}, {
         varKeys: _lodash.default.map(varKeys, v => v.isSet ? {
           name: v.name,
-          indices: v.vars.map(v => v.index)
+          indices: v.vars.map(vv => vv.index)
         } : v.index),
         obsIndices: obsIndices
       });
@@ -67,42 +68,43 @@ const sortMeans = (i, means) => {
 };
 exports.sortMeans = sortMeans;
 function VarNamesList(_ref) {
-  var _settings$selectedVar, _settings$selectedVar2;
   let {
     mode = _constants.SELECTION_MODES.SINGLE,
     displayName = "genes"
   } = _ref;
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
-  const [active, setActive] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? ((_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.matrix_index) || ((_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.name) : settings.selectedMultiVar.map(i => i.matrix_index || i.name));
+  const selectedVar = (0, _Resolver.useSelectedVar)();
+  const selectedMultiVar = (0, _Resolver.useSelectedMultiVar)();
+  const settingsVars = (0, _Resolver.useSettingsVars)();
+  const [active, setActive] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? (selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.matrix_index) || (selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name) : selectedMultiVar.map(i => i.matrix_index || i.name));
   const [sortedVars, setSortedVars] = (0, _react.useState)([]);
   (0, _react.useEffect)(() => {
     if (mode === _constants.SELECTION_MODES.SINGLE) {
-      var _settings$selectedVar3, _settings$selectedVar4;
-      setActive(((_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.matrix_index) || ((_settings$selectedVar4 = settings.selectedVar) === null || _settings$selectedVar4 === void 0 ? void 0 : _settings$selectedVar4.name));
+      setActive((selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.matrix_index) || (selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name));
     }
-  }, [mode, settings.selectedVar]);
+  }, [mode, selectedVar]);
   (0, _react.useEffect)(() => {
     if (mode === _constants.SELECTION_MODES.MULTIPLE) {
-      setActive(settings.selectedMultiVar.map(i => i.matrix_index || i.name));
+      setActive(selectedMultiVar.map(i => i.matrix_index || i.name));
     }
-  }, [mode, settings.selectedMultiVar]);
-  const varMeans = useVarMean(settings.vars, settings.varSort.var.sort === _constants.VAR_SORT.MATRIX);
+  }, [mode, selectedMultiVar]);
+  const varMeans = useVarMean(settingsVars, settings.varSort.var.sort === _constants.VAR_SORT.MATRIX);
 
   // @TODO: deferr sortedVars ?
   (0, _react.useEffect)(() => {
     if (settings.varSort.var.sort === _constants.VAR_SORT.MATRIX) {
       if (!varMeans.isPending && !varMeans.serverError && varMeans.fetchedData) {
-        setSortedVars(_lodash.default.orderBy(settings.vars, o => {
+        setSortedVars(_lodash.default.orderBy(settingsVars, o => {
           return sortMeans(o, varMeans.fetchedData);
         }, settings.varSort.var.sortOrder));
       }
     } else if (settings.varSort.var.sort === _constants.VAR_SORT.NAME) {
-      setSortedVars(_lodash.default.orderBy(settings.vars, "name", settings.varSort.var.sortOrder));
+      setSortedVars(_lodash.default.orderBy(settingsVars, "name", settings.varSort.var.sortOrder));
     } else {
-      setSortedVars(settings.vars);
+      setSortedVars(settingsVars);
     }
-  }, [settings.varSort.var.sort, settings.varSort.var.sortOrder, varMeans.isPending, varMeans.serverError, varMeans.fetchedData, settings.vars]);
+  }, [settings.varSort.var.sort, settings.varSort.var.sortOrder, varMeans.isPending, varMeans.serverError, varMeans.fetchedData, settingsVars]);
   const makeListItem = item => {
     return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup.Item, {
       key: item.matrix_index

package/dist/cjs/components/violin/Violin.js

@@ -16,6 +16,7 @@ var _FilterContext = require("../../context/FilterContext");
 var _SettingsContext = require("../../context/SettingsContext");
 var _LoadingIndicators = require("../../utils/LoadingIndicators");
 var _requests = require("../../utils/requests");
+var _Resolver = require("../../utils/Resolver");
 var _Toolbar = require("../toolbar/Toolbar");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -25,7 +26,6 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function Violin(_ref) {
-  var _settings$selectedVar, _settings$selectedVar2, _settings$selectedVar3, _settings$selectedVar4, _settings$selectedObs, _settings$selectedObs2, _settings$selectedObs3;
   let {
     mode = _constants.VIOLIN_MODES.MULTIKEY,
     showObsBtn = false,
@@ -45,6 +45,9 @@ function Violin(_ref) {
   const [data, setData] = (0, _react.useState)([]);
   const [layout, setLayout] = (0, _react.useState)({});
   const [hasSelections, setHasSelections] = (0, _react.useState)(false);
+  const selectedMultiVar = (0, _Resolver.useSelectedMultiVar)();
+  const selectedVar = (0, _Resolver.useSelectedVar)();
+  const selectedObs = (0, _Resolver.useSelectedObs)();
   const [params, setParams] = (0, _react.useState)(_objectSpread({
     url: dataset.url,
     mode: mode,
@@ -52,22 +55,19 @@ function Violin(_ref) {
     varNamesCol: dataset.varNamesCol
   }, {
     [_constants.VIOLIN_MODES.MULTIKEY]: {
-      varKeys: settings.selectedMultiVar.map(i => i.isSet ? {
+      varKeys: selectedMultiVar.map(i => i.isSet ? {
         name: i.name,
         indices: i.vars.map(v => v.index)
       } : i.index),
       obsKeys: [] // @TODO: implement
     },
     [_constants.VIOLIN_MODES.GROUPBY]: {
-      varKey: (_settings$selectedVar = settings.selectedVar) !== null && _settings$selectedVar !== void 0 && _settings$selectedVar.isSet ? {
-        name: (_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.name,
-        indices: (_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.vars.map(v => v.index)
-      } : (_settings$selectedVar4 = settings.selectedVar) === null || _settings$selectedVar4 === void 0 ? void 0 : _settings$selectedVar4.index,
-      obsCol: settings.selectedObs,
-      obsValues: !((_settings$selectedObs = settings.selectedObs) !== null && _settings$selectedObs !== void 0 && _settings$selectedObs.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_settings$selectedObs2 = settings.selectedObs) === null || _settings$selectedObs2 === void 0 ? void 0 : _settings$selectedObs2.codes), (_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.omit).map(c => {
-        var _settings$selectedObs4;
-        return (_settings$selectedObs4 = settings.selectedObs) === null || _settings$selectedObs4 === void 0 ? void 0 : _settings$selectedObs4.codesMap[c];
-      }),
+      varKey: selectedVar !== null && selectedVar !== void 0 && selectedVar.isSet ? {
+        name: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name,
+        indices: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars.map(v => v.index)
+      } : selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.index,
+      obsCol: selectedObs,
+      obsValues: !(selectedObs !== null && selectedObs !== void 0 && selectedObs.omit.length) ? null : _lodash.default.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit),
       obsIndices: isSliced ? [...(obsIndices || [])] : null
     }
   }[mode]));
@@ -75,7 +75,7 @@ function Violin(_ref) {
 
   (0, _react.useEffect)(() => {
     if (mode === _constants.VIOLIN_MODES.MULTIKEY) {
-      if (settings.selectedMultiVar.length) {
+      if (selectedMultiVar.length) {
         setHasSelections(true);
       } else {
         setHasSelections(false);
@@ -84,7 +84,7 @@ function Violin(_ref) {
         return _objectSpread(_objectSpread({}, p), {}, {
           url: dataset.url,
           mode: mode,
-          varKeys: settings.selectedMultiVar.map(i => i.isSet ? {
+          varKeys: selectedMultiVar.map(i => i.isSet ? {
             name: i.name,
             indices: i.vars.map(v => v.index)
           } : i.index),
@@ -93,32 +93,28 @@ function Violin(_ref) {
         });
       });
     } else if (mode === _constants.VIOLIN_MODES.GROUPBY) {
-      if (settings.selectedObs && settings.selectedVar) {
+      if (selectedObs && selectedVar) {
         setHasSelections(true);
       } else {
         setHasSelections(false);
       }
       setParams(p => {
-        var _settings$selectedVar5, _settings$selectedVar6, _settings$selectedVar7, _settings$selectedVar8, _settings$selectedObs5, _settings$selectedObs6, _settings$selectedObs7;
         return _objectSpread(_objectSpread({}, p), {}, {
           url: dataset.url,
           mode: mode,
-          varKey: (_settings$selectedVar5 = settings.selectedVar) !== null && _settings$selectedVar5 !== void 0 && _settings$selectedVar5.isSet ? {
-            name: (_settings$selectedVar6 = settings.selectedVar) === null || _settings$selectedVar6 === void 0 ? void 0 : _settings$selectedVar6.name,
-            indices: (_settings$selectedVar7 = settings.selectedVar) === null || _settings$selectedVar7 === void 0 ? void 0 : _settings$selectedVar7.vars.map(v => v.index)
-          } : (_settings$selectedVar8 = settings.selectedVar) === null || _settings$selectedVar8 === void 0 ? void 0 : _settings$selectedVar8.index,
-          obsCol: settings.selectedObs,
-          obsValues: !((_settings$selectedObs5 = settings.selectedObs) !== null && _settings$selectedObs5 !== void 0 && _settings$selectedObs5.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_settings$selectedObs6 = settings.selectedObs) === null || _settings$selectedObs6 === void 0 ? void 0 : _settings$selectedObs6.codes), (_settings$selectedObs7 = settings.selectedObs) === null || _settings$selectedObs7 === void 0 ? void 0 : _settings$selectedObs7.omit).map(c => {
-            var _settings$selectedObs8;
-            return (_settings$selectedObs8 = settings.selectedObs) === null || _settings$selectedObs8 === void 0 ? void 0 : _settings$selectedObs8.codesMap[c];
-          }),
+          varKey: selectedVar !== null && selectedVar !== void 0 && selectedVar.isSet ? {
+            name: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name,
+            indices: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars.map(v => v.index)
+          } : selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.index,
+          obsCol: selectedObs,
+          obsValues: !(selectedObs !== null && selectedObs !== void 0 && selectedObs.omit.length) ? null : _lodash.default.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit),
           obsIndices: isSliced ? [...(obsIndices || [])] : null,
           scale: settings.controls.scale.violinplot,
           varNamesCol: dataset.varNamesCol
         });
       });
     }
-  }, [settings.controls.scale.violinplot, settings.selectedMultiVar, settings.selectedObs, settings.selectedVar, dataset.url, dataset.varNamesCol, obsIndices, isSliced, mode]);
+  }, [settings.controls.scale.violinplot, selectedMultiVar, selectedObs, selectedVar, dataset.url, dataset.varNamesCol, obsIndices, isSliced, mode]);
   const {
     fetchedData,
     isPending,

package/dist/cjs/context/DatasetContext.js

@@ -60,7 +60,7 @@ const persistOptions = {
       return false;
     }
   },
-  buster: "1.4.1-dev.2025-08-13.6fc43290" || "0.0.0"
+  buster: "1.4.1-dev.2025-08-18.6fbf7a74" || "0.0.0"
   // @TODO: add maxAge and api version numbers as buster
 };
 const initialDataset = {
@@ -84,13 +84,13 @@ function DatasetProvider(_ref2) {
   }, dataset_params));
   return /*#__PURE__*/_react.default.createElement(DatasetContext.Provider, {
     value: dataset
+  }, /*#__PURE__*/_react.default.createElement(_reactQueryPersistClient.PersistQueryClientProvider, {
+    client: queryClient,
+    persistOptions: persistOptions
   }, /*#__PURE__*/_react.default.createElement(_SettingsContext.SettingsProvider, {
     dataset_url: dataset.url,
     defaultSettings: dataset.defaultSettings,
     canOverrideSettings: dataset.canOverrideSettings
-  }, /*#__PURE__*/_react.default.createElement(_reactQueryPersistClient.PersistQueryClientProvider, {
-    client: queryClient,
-    persistOptions: persistOptions
   }, /*#__PURE__*/_react.default.createElement(_FilterContext.FilterProvider, null, /*#__PURE__*/_react.default.createElement(_ZarrDataContext.ZarrDataProvider, null, children)))));
 }
 function useDataset() {