@haniffalab/cherita-react 1.4.5 → 1.4.6-dev.2026-01-12.1a2ee141

package/dist/cjs/components/dotplot/Dotplot.js

@@ -49,20 +49,23 @@ function Dotplot(_ref) {
   const [hasSelections, setHasSelections] = (0, _react.useState)(false);
   const selectedObs = (0, _Resolver.useSelectedObs)();
   const selectedMultiVar = (0, _Resolver.useSelectedMultiVar)();
-  const params = (0, _react.useMemo)(() => ({
-    url: dataset.url,
-    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),
-    varKeys: selectedMultiVar.map(i => i.isSet ? {
-      name: i.name,
-      indices: i.vars.map(v => v.index)
-    } : i.index),
-    obsIndices: isSliced ? [...(obsIndices || [])] : null,
-    standardScale: settings.controls.scale.dotplot,
-    meanOnlyExpressed: settings.controls.meanOnlyExpressed,
-    expressionCutoff: settings.controls.expressionCutoff,
-    varNamesCol: dataset.varNamesCol
-  }), [dataset.url, dataset.varNamesCol, isSliced, obsIndices, selectedMultiVar, selectedObs, settings.controls.expressionCutoff, settings.controls.meanOnlyExpressed, settings.controls.scale.dotplot]);
+  const params = (0, _react.useMemo)(() => {
+    var _selectedObs$omit;
+    return {
+      url: dataset.url,
+      obsCol: selectedObs,
+      obsValues: !(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit = selectedObs.omit) !== null && _selectedObs$omit !== 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),
+      varKeys: selectedMultiVar.map(i => i.isSet ? {
+        name: i.name,
+        indices: i.vars.map(v => v.index)
+      } : i.index),
+      obsIndices: isSliced ? [...(obsIndices || [])] : null,
+      standardScale: settings.controls.scale.dotplot,
+      meanOnlyExpressed: settings.controls.meanOnlyExpressed,
+      expressionCutoff: settings.controls.expressionCutoff,
+      varNamesCol: dataset.varNamesCol
+    };
+  }, [dataset.url, dataset.varNamesCol, isSliced, obsIndices, selectedMultiVar, selectedObs, settings.controls.expressionCutoff, settings.controls.meanOnlyExpressed, settings.controls.scale.dotplot]);
   // @TODO: set default scale
 
   (0, _react.useEffect)(() => {

package/dist/cjs/components/heatmap/Heatmap.js

@@ -48,17 +48,20 @@ function Heatmap(_ref) {
   const [hasSelections, setHasSelections] = (0, _react.useState)(false);
   const selectedObs = (0, _Resolver.useSelectedObs)();
   const selectedMultiVar = (0, _Resolver.useSelectedMultiVar)();
-  const params = (0, _react.useMemo)(() => ({
-    url: dataset.url,
-    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),
-    varKeys: selectedMultiVar.map(i => i.isSet ? {
-      name: i.name,
-      indices: i.vars.map(v => v.index)
-    } : i.index),
-    obsIndices: isSliced ? [...(obsIndices || [])] : null,
-    varNamesCol: dataset.varNamesCol
-  }), [dataset.url, dataset.varNamesCol, isSliced, obsIndices, selectedMultiVar, selectedObs]);
+  const params = (0, _react.useMemo)(() => {
+    var _selectedObs$omit;
+    return {
+      url: dataset.url,
+      obsCol: selectedObs,
+      obsValues: !(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit = selectedObs.omit) !== null && _selectedObs$omit !== 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),
+      varKeys: selectedMultiVar.map(i => i.isSet ? {
+        name: i.name,
+        indices: i.vars.map(v => v.index)
+      } : i.index),
+      obsIndices: isSliced ? [...(obsIndices || [])] : null,
+      varNamesCol: dataset.varNamesCol
+    };
+  }, [dataset.url, dataset.varNamesCol, isSliced, obsIndices, selectedMultiVar, selectedObs]);
   (0, _react.useEffect)(() => {
     if (selectedObs && selectedMultiVar.length) {
       setHasSelections(true);

package/dist/cjs/components/matrixplot/Matrixplot.js

@@ -48,18 +48,21 @@ function Matrixplot(_ref) {
   const [hasSelections, setHasSelections] = (0, _react.useState)(false);
   const selectedObs = (0, _Resolver.useSelectedObs)();
   const selectedMultiVar = (0, _Resolver.useSelectedMultiVar)();
-  const params = (0, _react.useMemo)(() => ({
-    url: dataset.url,
-    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),
-    varKeys: selectedMultiVar.map(i => i.isSet ? {
-      name: i.name,
-      indices: i.vars.map(v => v.index)
-    } : i.index),
-    obsIndices: isSliced ? [...(obsIndices || [])] : null,
-    standardScale: settings.controls.scale.matrixplot,
-    varNamesCol: dataset.varNamesCol
-  }), [dataset.url, dataset.varNamesCol, isSliced, obsIndices, selectedMultiVar, selectedObs, settings.controls.scale.matrixplot]);
+  const params = (0, _react.useMemo)(() => {
+    var _selectedObs$omit;
+    return {
+      url: dataset.url,
+      obsCol: selectedObs,
+      obsValues: !(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit = selectedObs.omit) !== null && _selectedObs$omit !== 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),
+      varKeys: selectedMultiVar.map(i => i.isSet ? {
+        name: i.name,
+        indices: i.vars.map(v => v.index)
+      } : i.index),
+      obsIndices: isSliced ? [...(obsIndices || [])] : null,
+      standardScale: settings.controls.scale.matrixplot,
+      varNamesCol: dataset.varNamesCol
+    };
+  }, [dataset.url, dataset.varNamesCol, isSliced, obsIndices, selectedMultiVar, selectedObs, settings.controls.scale.matrixplot]);
   (0, _react.useEffect)(() => {
     if (selectedObs && selectedMultiVar.length) {
       setHasSelections(true);

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

@@ -15,12 +15,12 @@ var _reactBootstrap = require("react-bootstrap");
 var _Accordion = _interopRequireDefault(require("react-bootstrap/Accordion"));
 var _AccordionButton = require("react-bootstrap/AccordionButton");
 var _AccordionContext = _interopRequireDefault(require("react-bootstrap/AccordionContext"));
+var _ObsItem = require("./ObsItem");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
 var _SettingsContext = require("../../context/SettingsContext");
 var _LoadingIndicators = require("../../utils/LoadingIndicators");
 var _requests = require("../../utils/requests");
-var _ObsItem = require("./ObsItem");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }

package/dist/cjs/components/obsm-list/ObsmList.js

@@ -22,7 +22,7 @@ function ObsmKeysList(_ref) {
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
-  const [obsmKeysList, setObsmKeysList] = (0, _react.useState)([]);
+  const [keysList, setKeysList] = (0, _react.useState)([]);
   const [active, setActive] = (0, _react.useState)(null);
   const params = (0, _react.useMemo)(() => ({
     url: dataset.url
@@ -36,9 +36,16 @@ function ObsmKeysList(_ref) {
   });
   (0, _react.useEffect)(() => {
     if (!isPending) {
-      if (serverError || !fetchedData || !fetchedData.length) {
+      if (serverError) {
+        if (settings.selectedObsm) {
+          dispatch({
+            type: 'select.obsm',
+            obsm: null
+          });
+        }
+      } else if (!fetchedData || !!fetchedData && !fetchedData.length) {
         setHasObsm(false);
-        setObsmKeysList([]);
+        setKeysList([]);
         if (settings.selectedObsm) {
           dispatch({
             type: 'select.obsm',
@@ -47,7 +54,7 @@ function ObsmKeysList(_ref) {
         }
       } else {
         setHasObsm(true);
-        setObsmKeysList(fetchedData);
+        setKeysList(fetchedData);
         if (settings.selectedObsm) {
           // If selected obsm is not in keys list, reset to null
           if (!_lodash.default.includes(fetchedData, settings.selectedObsm)) {
@@ -75,7 +82,7 @@ function ObsmKeysList(_ref) {
       }
     }
   }, [dispatch, fetchedData, isPending, serverError, setHasObsm, settings.selectedObsm]);
-  const obsmList = obsmKeysList.map(item => {
+  const obsmList = keysList.map(item => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
       className: "custom ".concat(active === item && 'active'),
       onClick: () => {

package/dist/cjs/components/plot/Plot.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Plot = Plot;
+var _react = require("react");
+var _constants = require("../../constants/constants");
+var _DatasetContext = require("../../context/DatasetContext");
+var _Dotplot = require("../dotplot/Dotplot");
+var _DotplotControls = require("../dotplot/DotplotControls");
+var _Heatmap = require("../heatmap/Heatmap");
+var _HeatmapControls = require("../heatmap/HeatmapControls");
+var _Matrixplot = require("../matrixplot/Matrixplot");
+var _MatrixplotControls = require("../matrixplot/MatrixplotControls");
+var _offcanvas = require("../offcanvas");
+var _Scatterplot = require("../scatterplot/Scatterplot");
+var _ScatterplotControls = require("../scatterplot/ScatterplotControls");
+var _Violin = require("../violin/Violin");
+var _ViolinControls = require("../violin/ViolinControls");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["plotType", "showObsBtn", "showVarsBtn", "showCtrlsBtn", "canOverrideSettings"];
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function Plot(_ref) {
+  let {
+      plotType = _constants.PLOT_TYPES.SCATTERPLOT,
+      showObsBtn = true,
+      showVarsBtn = true,
+      showCtrlsBtn = true,
+      canOverrideSettings = false
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [showObs, setShowObs] = (0, _react.useState)(false);
+  const [showObsm, setShowObsm] = (0, _react.useState)(false);
+  const [showVars, setShowVars] = (0, _react.useState)(false);
+  const [showControls, setShowControls] = (0, _react.useState)(false);
+  const {
+    plotControls,
+    varMode,
+    showSelectedAsActive
+  } = {
+    [_constants.PLOT_TYPES.SCATTERPLOT]: {
+      plotControls: _ScatterplotControls.ScatterplotControls,
+      varMode: _constants.SELECTION_MODES.SINGLE,
+      showSelectedAsActive: false
+    },
+    [_constants.PLOT_TYPES.DOTPLOT]: {
+      plotControls: _DotplotControls.DotplotControls,
+      varMode: _constants.SELECTION_MODES.MULTIPLE,
+      showSelectedAsActive: true
+    },
+    [_constants.PLOT_TYPES.MATRIXPLOT]: {
+      plotControls: _MatrixplotControls.MatrixplotControls,
+      varMode: _constants.SELECTION_MODES.MULTIPLE,
+      showSelectedAsActive: true
+    },
+    [_constants.PLOT_TYPES.HEATMAP]: {
+      plotControls: _HeatmapControls.HeatmapControls,
+      varMode: _constants.SELECTION_MODES.MULTIPLE,
+      showSelectedAsActive: true
+    },
+    [_constants.PLOT_TYPES.VIOLINPLOT]: {
+      plotControls: _ViolinControls.ViolinControls,
+      varMode: _constants.SELECTION_MODES.MULTIPLE,
+      showSelectedAsActive: false
+    }
+  }[plotType];
+  const commonProps = {
+    showObsBtn,
+    showVarsBtn,
+    showCtrlsBtn,
+    plotType,
+    setShowObs,
+    setShowVars,
+    setShowControls
+  };
+  const plot = () => {
+    switch (plotType) {
+      case _constants.PLOT_TYPES.DOTPLOT:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dotplot.Dotplot, _objectSpread({}, commonProps));
+      case _constants.PLOT_TYPES.MATRIXPLOT:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Matrixplot.Matrixplot, _objectSpread({}, commonProps));
+      case _constants.PLOT_TYPES.HEATMAP:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Heatmap.Heatmap, _objectSpread({}, commonProps));
+      case _constants.PLOT_TYPES.VIOLINPLOT:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Violin.Violin, _objectSpread({
+          mode: _constants.VIOLIN_MODES.MULTIKEY
+        }, commonProps));
+      case _constants.PLOT_TYPES.SCATTERPLOT:
+      default:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scatterplot.Scatterplot, _objectSpread({}, commonProps));
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DatasetContext.DatasetProvider, _objectSpread(_objectSpread({}, props), {}, {
+    children: [plot(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_offcanvas.OffcanvasObs, _objectSpread(_objectSpread({}, props), {}, {
+      showSelectedAsActive: showSelectedAsActive,
+      show: showObs,
+      handleClose: () => setShowObs(false)
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_offcanvas.OffcanvasVars, _objectSpread(_objectSpread({}, props), {}, {
+      show: showVars,
+      handleClose: () => setShowVars(false),
+      mode: varMode
+    })), plotControls && /*#__PURE__*/(0, _jsxRuntime.jsx)(_offcanvas.OffcanvasControls, _objectSpread(_objectSpread({}, props), {}, {
+      show: showControls,
+      handleClose: () => setShowControls(false),
+      Controls: plotControls
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_offcanvas.OffcanvasObsm, _objectSpread(_objectSpread({}, props), {}, {
+      show: showObsm,
+      handleClose: () => setShowObsm(false)
+    }))]
+  }));
+}

package/dist/cjs/components/pseudospatial/Pseudospatial.js

@@ -50,6 +50,7 @@ function usePseudospatialData(plotType) {
   }, [dataset.url, settings.pseudospatial.maskSet, settings.pseudospatial.maskValues, dataset.varNamesCol, isSliced, obsIndices]);
   const getPlotParams = (0, _react.useCallback)(() => {
     if (plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.GENE) {
+      var _selectedObs$omit;
       return _objectSpread({
         varKey: selectedVar !== null && selectedVar !== void 0 && selectedVar.isSet ? {
           name: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name,
@@ -57,18 +58,20 @@ function usePseudospatialData(plotType) {
         } : selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.index
       }, settings.sliceBy.obs ? {
         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)
+        obsValues: !(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit = selectedObs.omit) !== null && _selectedObs$omit !== 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)
       } : {});
     } else if (plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.CATEGORICAL) {
+      var _selectedObs$omit2;
       return {
         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),
+        obsValues: !(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit2 = selectedObs.omit) !== null && _selectedObs$omit2 !== void 0 && _selectedObs$omit2.length) ? null : _lodash.default.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit),
         mode: settings.pseudospatial.categoricalMode
       };
     } else if (plotType === 'continuous') {
+      var _selectedObs$omit3;
       return {
         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)
+        obsValues: !(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit3 = selectedObs.omit) !== null && _selectedObs$omit3 !== void 0 && _selectedObs$omit3.length) ? null : _lodash.default.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit)
       };
     }
   }, [settings.pseudospatial.categoricalMode, selectedObs, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.index, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.isSet, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars, settings.sliceBy.obs, plotType]);

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

@@ -52,29 +52,32 @@ function Violin(_ref) {
   const selectedMultiVar = (0, _Resolver.useSelectedMultiVar)();
   const selectedVar = (0, _Resolver.useSelectedVar)();
   const selectedObs = (0, _Resolver.useSelectedObs)();
-  const params = (0, _react.useMemo)(() => _objectSpread({
-    url: dataset.url,
-    mode: mode,
-    scale: settings.controls.scale.violinplot,
-    varNamesCol: dataset.varNamesCol
-  }, {
-    [_constants.VIOLIN_MODES.MULTIKEY]: {
-      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: 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]), [dataset.url, dataset.varNamesCol, isSliced, mode, obsIndices, selectedMultiVar, selectedObs, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.index, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.isSet, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars, settings.controls.scale.violinplot]);
+  const params = (0, _react.useMemo)(() => {
+    var _selectedObs$omit;
+    return _objectSpread({
+      url: dataset.url,
+      mode: mode,
+      scale: settings.controls.scale.violinplot,
+      varNamesCol: dataset.varNamesCol
+    }, {
+      [_constants.VIOLIN_MODES.MULTIKEY]: {
+        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: 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 = selectedObs.omit) !== null && _selectedObs$omit !== 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]);
+  }, [dataset.url, dataset.varNamesCol, isSliced, mode, obsIndices, selectedMultiVar, selectedObs, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.index, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.isSet, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars, settings.controls.scale.violinplot]);
   // @TODO: set default scale
 
   (0, _react.useEffect)(() => {

package/dist/cjs/context/DatasetContext.js

@@ -60,7 +60,7 @@ const persistOptions = {
       return false;
     }
   },
-  buster: "1.4.5" || '0.0.0'
+  buster: "1.4.6-dev.2026-01-12.1a2ee141" || '0.0.0'
   // @TODO: add maxAge and api version numbers as buster
 };
 const initialDataset = {
@@ -80,7 +80,7 @@ function DatasetProvider(_ref2) {
       children
     } = _ref2,
     dataset_params = _objectWithoutProperties(_ref2, _excluded);
-  const dataset = _lodash.default.assign(initialDataset, _objectSpread({
+  const dataset = _lodash.default.assign({}, initialDataset, _objectSpread({
     url: dataset_url
   }, dataset_params));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetContext.Provider, {

package/dist/cjs/context/SettingsContext.js

@@ -173,7 +173,7 @@ function SettingsProvider(_ref2) {
 
   // If the buster is not set or does not match the current package version,
   // reset localSettings to avoid stale data
-  if (!buster || buster !== "1.4.5") {
+  if (!buster || buster !== "1.4.6-dev.2026-01-12.1a2ee141") {
     localSettings = {};
   }
   const initSettings = (0, _react.useRef)(initializer({
@@ -198,7 +198,7 @@ function SettingsProvider(_ref2) {
     if (canOverrideSettings && settings) {
       try {
         localStorage.setItem(DATASET_STORAGE_KEY, JSON.stringify(_objectSpread({
-          buster: "1.4.5" || '0.0.0',
+          buster: "1.4.6-dev.2026-01-12.1a2ee141" || '0.0.0',
           timestamp: Date.now()
         }, _lodash.default.omit(settings, 'data'))));
       } catch (err) {

package/dist/cjs/helpers/zarr-helper.js

@@ -3,69 +3,60 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useZarr = exports.useMultipleZarr = exports.ZarrHelper = exports.GET_OPTIONS = void 0;
+exports.useZarr = exports.useMultipleZarr = exports.ZarrHelper = void 0;
 var _react = require("react");
 var _reactQuery = require("@tanstack/react-query");
-var _zarr = require("zarr");
+var zarr = _interopRequireWildcard(require("zarrita"));
+var _ndarray = require("@zarrita/ndarray");
+var _ndarrayUnpack = _interopRequireDefault(require("ndarray-unpack"));
+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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 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); }
-const GET_OPTIONS = exports.GET_OPTIONS = {
-  concurrencyLimit: 10,
-  // max number of concurrent requests (default 10)
-  progressCallback: _ref => {
-    let {
-      progress,
-      queueSize
-    } = _ref;
-    console.debug("".concat(progress / queueSize * 100, "% complete."));
-  } // callback executed after each request
-};
 class ZarrHelper {
   async open(url, path) {
-    const z = await (0, _zarr.openArray)({
-      store: url,
-      path: path,
-      mode: 'r'
-    });
+    const root = zarr.root(new zarr.FetchStore(url));
+    const z = await zarr.open(root.resolve(path));
     return z;
   }
 }
 exports.ZarrHelper = ZarrHelper;
-const fetchDataFromZarr = async (url, path, s, opts) => {
+const fetchDataFromZarr = async (url, path, s) => {
   try {
     const zarrHelper = new ZarrHelper();
     const z = await zarrHelper.open(url, path);
-    const result = await z.get(s, opts);
-    return result.data;
+    const result = await (0, _ndarray.get)(z, s);
+    if (result.dtype === 'bigint64') throw new Error('bigint64 dtype not supported');
+    const arr = (0, _ndarrayUnpack.default)(result);
+    return arr;
   } catch (error) {
-    if (error instanceof _zarr.ArrayNotFoundError || error instanceof _zarr.GroupNotFoundError) {
+    if (error instanceof zarr.NodeNotFoundError) {
       error.status = 404;
     }
     throw error;
   }
 };
-const useZarr = function (_ref2) {
+const useZarr = function (_ref) {
   let {
     url,
     path,
     s = null
-  } = _ref2;
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GET_OPTIONS;
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  } = _ref;
+  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     data = null,
     isLoading: isPending = false,
     error: serverError = null
   } = (0, _reactQuery.useQuery)(_objectSpread({
     queryKey: ['zarr', url, path, s],
-    queryFn: () => fetchDataFromZarr(url, path, s, options),
-    retry: (failureCount, _ref3) => {
+    queryFn: () => fetchDataFromZarr(url, path, s),
+    retry: (failureCount, _ref2) => {
       let {
         error
-      } = _ref3;
+      } = _ref2;
       if ([400, 401, 403, 404, 422].includes(error === null || error === void 0 ? void 0 : error.status)) return false;
       return failureCount < 3;
     }
@@ -86,9 +77,8 @@ const aggregateData = (inputs, data) => {
   return dataObject;
 };
 const useMultipleZarr = function (inputs) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GET_OPTIONS;
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  let agg = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : aggregateData;
+  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let agg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : aggregateData;
   const combine = (0, _react.useCallback)(results => {
     return {
       data: agg(inputs, results.map(result => result.data)),
@@ -103,11 +93,11 @@ const useMultipleZarr = function (inputs) {
   } = (0, _reactQuery.useQueries)({
     queries: inputs.map(input => _objectSpread({
       queryKey: ['zarr', input.url, input.path, input.s],
-      queryFn: () => fetchDataFromZarr(input.url, input.path, input.s, options),
-      retry: (failureCount, _ref4) => {
+      queryFn: () => fetchDataFromZarr(input.url, input.path, input.s),
+      retry: (failureCount, _ref3) => {
         let {
           error
-        } = _ref4;
+        } = _ref3;
         if ([400, 401, 403, 404, 422].includes(error === null || error === void 0 ? void 0 : error.status)) return false;
         return failureCount < 3;
       }

package/dist/cjs/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "COLORSCALES", {
     return _colorscales.COLORSCALES;
   }
 });
+Object.defineProperty(exports, "COLOR_ENCODINGS", {
+  enumerable: true,
+  get: function () {
+    return _constants.COLOR_ENCODINGS;
+  }
+});
 Object.defineProperty(exports, "DatasetProvider", {
   enumerable: true,
   get: function () {
@@ -105,6 +111,12 @@ Object.defineProperty(exports, "PLOT_TYPES", {
     return _constants.PLOT_TYPES;
   }
 });
+Object.defineProperty(exports, "Plot", {
+  enumerable: true,
+  get: function () {
+    return _Plot.Plot;
+  }
+});
 Object.defineProperty(exports, "Pseudospatial", {
   enumerable: true,
   get: function () {
@@ -167,7 +179,6 @@ Object.defineProperty(exports, "ViolinControls", {
 });
 var _Dotplot = require("./components/dotplot/Dotplot");
 var _DotplotControls = require("./components/dotplot/DotplotControls");
-var _FullPage = require("./components/full-page/FullPage");
 var _Heatmap = require("./components/heatmap/Heatmap");
 var _HeatmapControls = require("./components/heatmap/HeatmapControls");
 var _Matrixplot = require("./components/matrixplot/Matrixplot");
@@ -186,4 +197,6 @@ var _ViolinControls = require("./components/violin/ViolinControls");
 var _colorscales = require("./constants/colorscales");
 var _constants = require("./constants/constants");
 var _DatasetContext = require("./context/DatasetContext");
-var _FilterContext = require("./context/FilterContext");
+var _FilterContext = require("./context/FilterContext");
+var _FullPage = require("./components/full-page/FullPage");
+var _Plot = require("./components/plot/Plot");

package/dist/cjs/utils/zarrData.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useXData = exports.useObsmData = exports.useObsData = exports.useLabelObsData = void 0;
 var _react = require("react");
 var _lodash = _interopRequireDefault(require("lodash"));
-var _zarr = require("zarr");
+var _zarrita = require("zarrita");
 var _Resolver = require("./Resolver");
 var _constants = require("../constants/constants");
 var _DatasetContext = require("../context/DatasetContext");
@@ -22,9 +22,9 @@ const useObsmData = function () {
   const obsmParams = (0, _react.useMemo)(() => ({
     url: dataset.url,
     path: 'obsm/' + obsm,
-    s: [null, (0, _zarr.slice)(null, 2)] // load only [:, :2]
+    s: [null, (0, _zarrita.slice)(null, 2)] // load only [:, :2]
   }), [dataset.url, obsm]);
-  return (0, _zarrHelper.useZarr)(obsmParams, _zarrHelper.GET_OPTIONS, {
+  return (0, _zarrHelper.useZarr)(obsmParams, {
     enabled: !!obsm
   });
 };
@@ -52,7 +52,7 @@ const useXData = function () {
       s: [null, v.matrix_index]
     };
   }), [dataset.url, selectedVar]);
-  return (0, _zarrHelper.useMultipleZarr)(xParams, _zarrHelper.GET_OPTIONS, {
+  return (0, _zarrHelper.useMultipleZarr)(xParams, {
     enabled: !!xParams.length
   }, agg);
 };
@@ -70,7 +70,7 @@ const useObsData = function () {
       path: 'obs/' + ((_obs = obs) === null || _obs === void 0 ? void 0 : _obs.name) + (((_obs2 = obs) === null || _obs2 === void 0 ? void 0 : _obs2.type) === _constants.OBS_TYPES.CATEGORICAL ? '/codes' : '')
     };
   }, [dataset.url, (_obs3 = obs) === null || _obs3 === void 0 ? void 0 : _obs3.name, (_obs4 = obs) === null || _obs4 === void 0 ? void 0 : _obs4.type]);
-  return (0, _zarrHelper.useZarr)(obsParams, _zarrHelper.GET_OPTIONS, {
+  return (0, _zarrHelper.useZarr)(obsParams, {
     enabled: !!obs
   });
 };
@@ -86,7 +86,7 @@ const useLabelObsData = () => {
       key: obs.name
     };
   }), [dataset.url, settings.data.obs, settings.labelObs]);
-  return (0, _zarrHelper.useMultipleZarr)(labelObsParams, _zarrHelper.GET_OPTIONS, {
+  return (0, _zarrHelper.useMultipleZarr)(labelObsParams, {
     enabled: !!labelObsParams.length
   });
 };