@haniffalab/cherita-react 1.2.0 → 1.3.0-dev.2025-05-29.ee7e9b72

package/dist/cjs/utils/Filter.js

@@ -8,8 +8,8 @@ var _react = require("react");
 var _turf = require("@turf/turf");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _constants = require("../constants/constants");
-var _DatasetContext = require("../context/DatasetContext");
 var _FilterContext = require("../context/FilterContext");
+var _SettingsContext = require("../context/SettingsContext");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EPSILON = 1e-6;
 const isInBins = (v, binEdges, indices) => {
@@ -22,7 +22,7 @@ const isInBins = (v, binEdges, indices) => {
   return _lodash.default.some(ranges, range => _lodash.default.inRange(v, ...range));
 };
 const isInPolygons = (polygons, positions, index) => {
-  if (!polygons?.length || !positions?.length) {
+  if (!(polygons !== null && polygons !== void 0 && polygons.length) || !(positions !== null && positions !== void 0 && positions.length)) {
     return false;
   }
   return _lodash.default.some(polygons, (_f, i) => {
@@ -30,13 +30,14 @@ const isInPolygons = (polygons, positions, index) => {
   });
 };
 const isInValues = (omit, value) => {
-  if (!omit?.length) {
+  if (!(omit !== null && omit !== void 0 && omit.length)) {
     return true;
   }
   return !_lodash.default.includes(omit, value);
 };
 const useFilter = data => {
-  const dataset = (0, _DatasetContext.useDataset)();
+  var _settings$selectedObs, _settings$selectedObs2, _settings$selectedObs3, _settings$selectedObs4, _settings$selectedObs7, _settings$selectedObs8;
+  const settings = (0, _SettingsContext.useSettings)();
   const filterDataDispatch = (0, _FilterContext.useFilteredDataDispatch)();
   const {
     obsmData,
@@ -45,31 +46,33 @@ const useFilter = data => {
     isPending,
     serverError
   } = data;
-  const isCategorical = dataset.selectedObs?.type === _constants.OBS_TYPES.CATEGORICAL || dataset.selectedObs?.type === _constants.OBS_TYPES.BOOLEAN;
-  const isContinuous = dataset.selectedObs?.type === _constants.OBS_TYPES.CONTINUOUS;
-  const sliceByObs = dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !!dataset.selectedObs?.omit.length || dataset.sliceBy.obs;
+  const isCategorical = ((_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL || ((_settings$selectedObs2 = settings.selectedObs) === null || _settings$selectedObs2 === void 0 ? void 0 : _settings$selectedObs2.type) === _constants.OBS_TYPES.BOOLEAN;
+  const isContinuous = ((_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.type) === _constants.OBS_TYPES.CONTINUOUS;
+  const sliceByObs = settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !!((_settings$selectedObs4 = settings.selectedObs) !== null && _settings$selectedObs4 !== void 0 && _settings$selectedObs4.omit.length) || settings.sliceBy.obs;
   const isInObsSlice = (0, _react.useCallback)((index, values) => {
     let inSlice = true;
     if (values && sliceByObs) {
       if (isCategorical) {
-        inSlice &= isInValues(dataset.selectedObs?.omit, values[index]);
+        var _settings$selectedObs5;
+        inSlice &= isInValues((_settings$selectedObs5 = settings.selectedObs) === null || _settings$selectedObs5 === void 0 ? void 0 : _settings$selectedObs5.omit, values[index]);
       } else if (isContinuous) {
         if (isNaN(values[index])) {
-          inSlice &= isInValues(dataset.selectedObs?.omit, -1);
+          var _settings$selectedObs6;
+          inSlice &= isInValues((_settings$selectedObs6 = settings.selectedObs) === null || _settings$selectedObs6 === void 0 ? void 0 : _settings$selectedObs6.omit, -1);
         } else {
-          inSlice &= isInBins(values[index], dataset.selectedObs.bins.binEdges, _lodash.default.without(dataset.selectedObs.omit, -1));
+          inSlice &= isInBins(values[index], settings.selectedObs.bins.binEdges, _lodash.default.without(settings.selectedObs.omit, -1));
         }
       }
     }
     return inSlice;
-  }, [dataset.selectedObs?.bins?.binEdges, dataset.selectedObs?.omit, isCategorical, isContinuous, sliceByObs]);
+  }, [(_settings$selectedObs7 = settings.selectedObs) === null || _settings$selectedObs7 === void 0 || (_settings$selectedObs7 = _settings$selectedObs7.bins) === null || _settings$selectedObs7 === void 0 ? void 0 : _settings$selectedObs7.binEdges, (_settings$selectedObs8 = settings.selectedObs) === null || _settings$selectedObs8 === void 0 ? void 0 : _settings$selectedObs8.omit, isCategorical, isContinuous, sliceByObs]);
   const isInPolygonsSlice = (0, _react.useCallback)((index, positions) => {
     let inSlice = true;
-    if (dataset.sliceBy.polygons && positions) {
-      inSlice &= isInPolygons(dataset.polygons[dataset.selectedObsm], positions, index);
+    if (settings.sliceBy.polygons && positions) {
+      inSlice &= isInPolygons(settings.polygons[settings.selectedObsm], positions, index);
     }
     return inSlice;
-  }, [dataset.polygons, dataset.selectedObsm, dataset.sliceBy.polygons]);
+  }, [settings.polygons, settings.selectedObsm, settings.sliceBy.polygons]);
   const isInSlice = (0, _react.useCallback)((index, values, positions) => {
     return isInObsSlice(index, values) && isInPolygonsSlice(index, positions);
   }, [isInObsSlice, isInPolygonsSlice]);
@@ -87,7 +90,7 @@ const useFilter = data => {
         slicedLength: null
       };
     }
-    if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR) {
+    if (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR) {
       const {
         filtered,
         filteredIndices
@@ -107,7 +110,7 @@ const useFilter = data => {
         valueMax: _lodash.default.max(filtered),
         slicedLength: filtered.length
       };
-    } else if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
+    } else if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
       const {
         filtered,
         filteredIndices
@@ -128,16 +131,17 @@ const useFilter = data => {
         slicedLength: filtered.length
       };
     } else {
+      var _obsData$data;
       return {
         filteredIndices: null,
         valueMin: _lodash.default.min(obsData.data),
         valueMax: _lodash.default.max(obsData.data),
-        slicedLength: obsData.data?.length
+        slicedLength: (_obsData$data = obsData.data) === null || _obsData$data === void 0 ? void 0 : _obsData$data.length
       };
     }
-  }, [dataset.colorEncoding, isContinuous, isInSlice, isPending, obsData.data, obsmData.data, serverError, xData.data]);
-  const isSliced = sliceByObs || dataset.sliceBy.polygons;
-  // const isSliced = dataset.sliceBy.obs || dataset.sliceBy.polygons;
+  }, [settings.colorEncoding, isContinuous, isInSlice, isPending, obsData.data, obsmData.data, serverError, xData.data]);
+  const isSliced = sliceByObs || settings.sliceBy.polygons;
+  // const isSliced = settings.sliceBy.obs || settings.sliceBy.polygons;
 
   (0, _react.useEffect)(() => {
     if (!isPending && !serverError) {
@@ -150,6 +154,6 @@ const useFilter = data => {
         isSliced: isSliced
       });
     }
-  }, [dataset.sliceBy.obs, dataset.sliceBy.polygons, filterDataDispatch, filteredIndices, isPending, isSliced, serverError, slicedLength, valueMax, valueMin]);
+  }, [settings.sliceBy.obs, settings.sliceBy.polygons, filterDataDispatch, filteredIndices, isPending, isSliced, serverError, slicedLength, valueMax, valueMin]);
 };
 exports.useFilter = useFilter;

package/dist/cjs/utils/Histogram.js

@@ -11,6 +11,7 @@ var _LoadingIndicators = require("./LoadingIndicators");
 var _string = require("./string");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Histogram(_ref) {
+  var _data$bin_edges;
   let {
     data,
     isPending,
@@ -36,11 +37,11 @@ function Histogram(_ref) {
       let {
         dataIndex
       } = _ref2;
-      return `${(0, _string.formatNumerical)(data.hist[dataIndex])}`;
+      return "".concat((0, _string.formatNumerical)(data.hist[dataIndex]));
     },
     xAxis: {
-      data: _lodash.default.range(data.bin_edges?.length) || null,
-      valueFormatter: v => `Bin [${(0, _string.formatNumerical)(data.bin_edges[v][0], _string.FORMATS.EXPONENTIAL)}, ${(0, _string.formatNumerical)(data.bin_edges[v][1], _string.FORMATS.EXPONENTIAL)}${v === data.bin_edges.length - 1 ? "]" : ")"}`
+      data: _lodash.default.range((_data$bin_edges = data.bin_edges) === null || _data$bin_edges === void 0 ? void 0 : _data$bin_edges.length) || null,
+      valueFormatter: v => "Bin [".concat((0, _string.formatNumerical)(data.bin_edges[v][0], _string.FORMATS.EXPONENTIAL), ", ").concat((0, _string.formatNumerical)(data.bin_edges[v][1], _string.FORMATS.EXPONENTIAL)).concat(v === data.bin_edges.length - 1 ? "]" : ")")
     },
     slotProps: {
       popper: {

package/dist/cjs/utils/ImageViewer.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ImageViewer = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactBootstrap = require("react-bootstrap");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 ImageViewer = _ref => {
   let {
     src,

package/dist/cjs/utils/Legend.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Legend = Legend;
 var _react = _interopRequireWildcard(require("react"));
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _string = require("./string");
 var _constants = require("../constants/constants");
-var _DatasetContext = require("../context/DatasetContext");
+var _SettingsContext = require("../context/SettingsContext");
 var _colorHelper = require("../helpers/color-helper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 Legend(_ref) {
   let {
     isCategorical = false,
@@ -21,7 +22,7 @@ function Legend(_ref) {
     colorscale = null,
     addText = ""
   } = _ref;
-  const dataset = (0, _DatasetContext.useDataset)();
+  const settings = (0, _SettingsContext.useSettings)();
   const {
     getColor
   } = (0, _colorHelper.useColor)();
@@ -41,27 +42,32 @@ function Legend(_ref) {
       });
     });
   }, [colorscale, getColor, isCategorical]);
-  if (dataset.colorEncoding && !isCategorical) {
+  if (settings.colorEncoding && !isCategorical) {
+    var _settings$selectedVar, _settings$selectedObs;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "cherita-legend"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "gradient"
     }, /*#__PURE__*/_react.default.createElement("p", {
       className: "small m-0 p-0"
-    }, (dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? dataset.selectedVar?.name : dataset.selectedObs?.name) + addText), spanList, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+      icon: _freeSolidSvgIcons.faDroplet,
+      className: "me-1"
+    }), (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? (_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name : (_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.name) + addText), spanList, /*#__PURE__*/_react.default.createElement("span", {
       className: "domain-min"
     }, (0, _string.formatNumerical)(min, _string.FORMATS.EXPONENTIAL)), /*#__PURE__*/_react.default.createElement("span", {
       className: "domain-med"
     }, (0, _string.formatNumerical)((min + max) * 0.5, _string.FORMATS.EXPONENTIAL)), /*#__PURE__*/_react.default.createElement("span", {
       className: "domain-max"
     }, (0, _string.formatNumerical)(max, _string.FORMATS.EXPONENTIAL))));
-  } else {
+  } else if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && settings.selectedObs) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "cherita-legend"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "gradient"
+      className: "cherita-legend categorical"
     }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "small m-0 p-0"
-    }, dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && dataset.selectedObs ? dataset.selectedObs.name : "")));
+      className: "legend-text text-end m-0 p-0"
+    }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+      icon: _freeSolidSvgIcons.faDroplet,
+      className: "me-2"
+    }), settings.selectedObs.name));
   }
 }

package/dist/cjs/utils/LoadingIndicators.js

@@ -16,7 +16,7 @@ const LoadingSpinner = _ref => {
     className: "loading-spinner"
   }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
     disableShrink: disableShrink
-  }), text?.length && /*#__PURE__*/_react.default.createElement("span", {
+  }), (text === null || text === void 0 ? void 0 : text.length) && /*#__PURE__*/_react.default.createElement("span", {
     className: "visually-hidden"
   }, text));
 };

package/dist/cjs/utils/VirtualizedList.js

@@ -6,19 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.VirtualizedList = VirtualizedList;
 var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _excluded = ["getDataAtIndex", "count", "ItemComponent", "estimateSize", "overscan", "maxHeight"];
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 VirtualizedList(_ref) {
+  var _virtualItems$0$start, _virtualItems$;
   let {
-    getDataAtIndex,
-    count,
-    ItemComponent,
-    estimateSize = 45,
-    overscan = 25,
-    maxHeight = "65vh",
-    ...props
-  } = _ref;
+      getDataAtIndex,
+      count,
+      ItemComponent,
+      estimateSize = 45,
+      overscan = 25,
+      maxHeight = "65vh"
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [parentNode, setParentNode] = (0, _react.useState)(null);
   const itemVirtualizer = (0, _reactVirtual.useVirtualizer)({
     count: count,
@@ -32,7 +35,7 @@ function VirtualizedList(_ref) {
   const virtualItems = itemVirtualizer.getVirtualItems();
   (0, _react.useEffect)(() => {
     itemVirtualizer.measure();
-  }, [itemVirtualizer, parentNode?.clientHeight, getDataAtIndex]);
+  }, [itemVirtualizer, parentNode === null || parentNode === void 0 ? void 0 : parentNode.clientHeight, getDataAtIndex]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: refCallback,
     style: {
@@ -42,7 +45,7 @@ function VirtualizedList(_ref) {
     className: "modern-scrollbars"
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      height: `${itemVirtualizer.getTotalSize()}px`,
+      height: "".concat(itemVirtualizer.getTotalSize(), "px"),
       width: "100%",
       position: "relative",
       willChange: "transform"
@@ -53,7 +56,7 @@ function VirtualizedList(_ref) {
       top: 0,
       left: 0,
       width: "100%",
-      transform: `translateY(${virtualItems[0]?.start ?? 0}px)`
+      transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
     }
   }, virtualItems.map(virtualItem => /*#__PURE__*/_react.default.createElement("div", {
     key: virtualItem.key,

package/dist/cjs/utils/errors.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseError = void 0;
+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 parseError = err => {
   if (err === DOMException.TIMEOUT_ERR) {
     return {
@@ -11,42 +16,35 @@ const parseError = err => {
       name: err
     };
   }
-  switch (err?.name) {
+  switch (err === null || err === void 0 ? void 0 : err.name) {
     case "TypeError":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Failed to fetch data from server"
-      };
+      });
     case "ReadZarrError":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Failed to read AnnData-Zarr"
-      };
+      });
     case "InvalidObs":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Observation not found in dataset"
-      };
+      });
     case "InvalidVar":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Feature not found in dataset"
-      };
+      });
     case "InvalidKey":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Key not found in datset"
-      };
+      });
     case "BadRequest":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Invalid request to server"
-      };
+      });
     case "InternalServerError":
-      return {
-        ...err,
+      return _objectSpread(_objectSpread({}, err), {}, {
         message: "Server error"
-      };
+      });
     default:
       return err;
   }

package/dist/cjs/utils/requests.js

@@ -8,6 +8,11 @@ exports.useFetch = exports.useDebouncedFetch = void 0;
 var _reactQuery = require("@tanstack/react-query");
 var _usehooks = require("@uidotdev/usehooks");
 var _errors = require("./errors");
+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); }
 async function fetchData(endpoint, params) {
   let signal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   let ms = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 300000;
@@ -49,7 +54,7 @@ const useFetch = function (endpoint, params) {
     data: fetchedData = null,
     isLoading: isPending = false,
     error: serverError = null
-  } = (0, _reactQuery.useQuery)({
+  } = (0, _reactQuery.useQuery)(_objectSpread({
     queryKey: [endpoint, params],
     queryFn: _ref => {
       let {
@@ -61,11 +66,10 @@ const useFetch = function (endpoint, params) {
       let {
         error
       } = _ref2;
-      if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
+      if ([400, 401, 403, 404, 422].includes(error === null || error === void 0 ? void 0 : error.status)) return false;
       return failureCount < 3;
-    },
-    ...opts
-  });
+    }
+  }, opts));
   return {
     fetchedData,
     isPending,
@@ -85,7 +89,7 @@ const useDebouncedFetch = function (endpoint, params) {
     data: fetchedData = null,
     isLoading: isPending = false,
     error: serverError = null
-  } = (0, _reactQuery.useQuery)({
+  } = (0, _reactQuery.useQuery)(_objectSpread({
     queryKey: [endpoint, debouncedParams],
     queryFn: _ref3 => {
       let {
@@ -97,11 +101,10 @@ const useDebouncedFetch = function (endpoint, params) {
       let {
         error
       } = _ref4;
-      if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
+      if ([400, 401, 403, 404, 422].includes(error === null || error === void 0 ? void 0 : error.status)) return false;
       return failureCount < 3;
-    },
-    ...opts
-  });
+    }
+  }, opts));
   return {
     fetchedData,
     isPending,

package/dist/cjs/utils/zarrData.js

@@ -6,25 +6,24 @@ 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 _constants = require("../constants/constants");
 var _DatasetContext = require("../context/DatasetContext");
+var _SettingsContext = require("../context/SettingsContext");
 var _zarrHelper = require("../helpers/zarr-helper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// @TODO: support specifying slice to load from context
 const useObsmData = function () {
   let obsm = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   const dataset = (0, _DatasetContext.useDataset)();
-  obsm = obsm || dataset.selectedObsm;
-  const [obsmParams, setObsmParams] = (0, _react.useState)({
+  const settings = (0, _SettingsContext.useSettings)();
+  obsm = obsm || settings.selectedObsm;
+  const obsmParams = (0, _react.useMemo)(() => ({
     url: dataset.url,
-    path: "obsm/" + obsm
-  });
-  (0, _react.useEffect)(() => {
-    setObsmParams({
-      url: dataset.url,
-      path: "obsm/" + obsm
-    });
-  }, [dataset.url, obsm]);
-  return (0, _zarrHelper.useZarr)(obsmParams, null, _zarrHelper.GET_OPTIONS, {
+    path: "obsm/" + obsm,
+    s: [null, (0, _zarr.slice)(null, 2)] // load only [:, :2]
+  }), [dataset.url, obsm]);
+  return (0, _zarrHelper.useZarr)(obsmParams, _zarrHelper.GET_OPTIONS, {
     enabled: !!obsm
   });
 };
@@ -40,72 +39,54 @@ const meanData = (_i, data) => {
 const useXData = function () {
   let agg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : meanData;
   const dataset = (0, _DatasetContext.useDataset)();
-  const [xParams, setXParams] = (0, _react.useState)(!dataset.selectedVar ? [] : !dataset.selectedVar?.isSet ? [{
-    url: dataset.url,
-    path: "X",
-    s: [null, dataset.selectedVar?.matrix_index]
-  }] : _lodash.default.map(dataset.selectedVar?.vars, v => {
-    return {
+  const settings = (0, _SettingsContext.useSettings)();
+  const xParams = (0, _react.useMemo)(() => {
+    var _settings$selectedVar, _settings$selectedVar2, _settings$selectedVar3;
+    return !settings.selectedVar ? [] : !((_settings$selectedVar = settings.selectedVar) !== null && _settings$selectedVar !== void 0 && _settings$selectedVar.isSet) ? [{
       url: dataset.url,
       path: "X",
-      s: [null, v.matrix_index]
-    };
-  }));
-  (0, _react.useEffect)(() => {
-    setXParams(!dataset.selectedVar ? [] : !dataset.selectedVar?.isSet ? [{
-      url: dataset.url,
-      path: "X",
-      s: [null, dataset.selectedVar?.matrix_index]
-    }] : _lodash.default.map(dataset.selectedVar?.vars, v => {
+      s: [null, (_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.matrix_index]
+    }] : _lodash.default.map((_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.vars, v => {
       return {
         url: dataset.url,
         path: "X",
         s: [null, v.matrix_index]
       };
-    }));
-  }, [dataset.url, dataset.selectedVar]);
+    });
+  }, [dataset.url, settings.selectedVar]);
   return (0, _zarrHelper.useMultipleZarr)(xParams, _zarrHelper.GET_OPTIONS, {
     enabled: !!xParams.length
   }, agg);
 };
 exports.useXData = useXData;
 const useObsData = function () {
+  var _obs3, _obs4;
   let obs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   const dataset = (0, _DatasetContext.useDataset)();
-  obs = obs || dataset.selectedObs;
-  const [obsParams, setObsParams] = (0, _react.useState)({
-    url: dataset.url,
-    path: "obs/" + obs?.name + (obs?.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
-  });
-  (0, _react.useEffect)(() => {
-    setObsParams({
+  const settings = (0, _SettingsContext.useSettings)();
+  obs = obs || settings.selectedObs;
+  const obsParams = (0, _react.useMemo)(() => {
+    var _obs, _obs2;
+    return {
       url: dataset.url,
-      path: "obs/" + obs?.name + (obs?.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
-    });
-  }, [dataset.url, obs]);
-  return (0, _zarrHelper.useZarr)(obsParams, null, _zarrHelper.GET_OPTIONS, {
+      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, {
     enabled: !!obs
   });
 };
 exports.useObsData = useObsData;
 const useLabelObsData = () => {
   const dataset = (0, _DatasetContext.useDataset)();
-  const [labelObsParams, setLabelObsParams] = (0, _react.useState)(_lodash.default.map(dataset.labelObs, obs => {
+  const settings = (0, _SettingsContext.useSettings)();
+  const labelObsParams = (0, _react.useMemo)(() => _lodash.default.map(settings.labelObs, obs => {
     return {
       url: dataset.url,
       path: "obs/" + obs.name + (obs.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : ""),
       key: obs.name
     };
-  }));
-  (0, _react.useEffect)(() => {
-    setLabelObsParams(_lodash.default.map(dataset.labelObs, obs => {
-      return {
-        url: dataset.url,
-        path: "obs/" + obs.name + (obs.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : ""),
-        key: obs.name
-      };
-    }));
-  }, [dataset.labelObs, dataset.url]);
+  }), [dataset.url, settings.labelObs]);
   return (0, _zarrHelper.useMultipleZarr)(labelObsParams, _zarrHelper.GET_OPTIONS, {
     enabled: !!labelObsParams.length
   });