@haniffalab/cherita-react 1.2.0-dev.2025-05-21.e8f5ce54 → 1.2.0-dev.2025-05-21.e57ef5f2

package/dist/cjs/context/ZarrDataContext.js

@@ -8,8 +8,7 @@ exports.useZarrData = useZarrData;
 var _react = _interopRequireWildcard(require("react"));
 var _Filter = require("../utils/Filter");
 var _zarrData = require("../utils/zarrData");
-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 ZarrDataContext = /*#__PURE__*/(0, _react.createContext)(null);
 function ZarrDataProvider(_ref) {
   let {

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

@@ -9,9 +9,9 @@ var _colorscales = require("../constants/colorscales");
 var _SettingsContext = require("../context/SettingsContext");
 const GRAY = [214, 212, 212];
 const parseHexColor = color => {
-  const r = parseInt(color?.substring(1, 3), 16);
-  const g = parseInt(color?.substring(3, 5), 16);
-  const b = parseInt(color?.substring(5, 7), 16);
+  const r = parseInt(color === null || color === void 0 ? void 0 : color.substring(1, 3), 16);
+  const g = parseInt(color === null || color === void 0 ? void 0 : color.substring(3, 5), 16);
+  const b = parseInt(color === null || color === void 0 ? void 0 : color.substring(5, 7), 16);
   return [r, g, b];
 };
 const interpolateColor = (color1, color2, factor) => {

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

@@ -7,6 +7,11 @@ exports.useZarr = exports.useMultipleZarr = exports.ZarrHelper = exports.GET_OPT
 var _react = require("react");
 var _reactQuery = require("@tanstack/react-query");
 var _zarr = require("zarr");
+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)
@@ -15,7 +20,7 @@ const GET_OPTIONS = exports.GET_OPTIONS = {
       progress,
       queueSize
     } = _ref;
-    console.debug(`${progress / queueSize * 100}% complete.`);
+    console.debug("".concat(progress / queueSize * 100, "% complete."));
   } // callback executed after each request
 };
 class ZarrHelper {
@@ -54,18 +59,17 @@ const useZarr = function (_ref2) {
     data = null,
     isLoading: isPending = false,
     error: serverError = null
-  } = (0, _reactQuery.useQuery)({
+  } = (0, _reactQuery.useQuery)(_objectSpread({
     queryKey: ["zarr", url, path, s],
     queryFn: () => fetchDataFromZarr(url, path, s, options),
     retry: (failureCount, _ref3) => {
       let {
         error
       } = _ref3;
-      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 {
     data,
     isPending,
@@ -77,7 +81,7 @@ const aggregateData = (inputs, data) => {
   const dataObject = {};
   inputs.forEach((input, index) => {
     const key = input.key;
-    dataObject[key] = data?.[index];
+    dataObject[key] = data === null || data === void 0 ? void 0 : data[index];
   });
   return dataObject;
 };
@@ -97,18 +101,17 @@ const useMultipleZarr = function (inputs) {
     isLoading: isPending = false,
     serverError = null
   } = (0, _reactQuery.useQueries)({
-    queries: inputs.map(input => ({
+    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) => {
         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)),
     combine
   });
   return {

package/dist/cjs/utils/Filter.js

@@ -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,12 +30,13 @@ 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 => {
+  var _settings$selectedObs, _settings$selectedObs2, _settings$selectedObs3, _settings$selectedObs4, _settings$selectedObs7, _settings$selectedObs8;
   const settings = (0, _SettingsContext.useSettings)();
   const filterDataDispatch = (0, _FilterContext.useFilteredDataDispatch)();
   const {
@@ -45,24 +46,26 @@ const useFilter = data => {
     isPending,
     serverError
   } = data;
-  const isCategorical = settings.selectedObs?.type === _constants.OBS_TYPES.CATEGORICAL || settings.selectedObs?.type === _constants.OBS_TYPES.BOOLEAN;
-  const isContinuous = settings.selectedObs?.type === _constants.OBS_TYPES.CONTINUOUS;
-  const sliceByObs = settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !!settings.selectedObs?.omit.length || settings.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(settings.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(settings.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], settings.selectedObs.bins.binEdges, _lodash.default.without(settings.selectedObs.omit, -1));
         }
       }
     }
     return inSlice;
-  }, [settings.selectedObs?.bins?.binEdges, settings.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 (settings.sliceBy.polygons && positions) {
@@ -128,11 +131,12 @@ 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
       };
     }
   }, [settings.colorEncoding, isContinuous, isInSlice, isPending, obsData.data, obsmData.data, serverError, xData.data]);

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

@@ -13,8 +13,7 @@ var _constants = require("../constants/constants");
 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,
@@ -44,6 +43,7 @@ function Legend(_ref) {
     });
   }, [colorscale, getColor, isCategorical]);
   if (settings.colorEncoding && !isCategorical) {
+    var _settings$selectedVar, _settings$selectedObs;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "cherita-legend"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -53,7 +53,7 @@ function Legend(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
       icon: _freeSolidSvgIcons.faDroplet,
       className: "me-1"
-    }), (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? settings.selectedVar?.name : settings.selectedObs?.name) + addText), spanList, /*#__PURE__*/_react.default.createElement("span", {
+    }), (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"

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

@@ -44,14 +44,15 @@ const meanData = (_i, data) => {
   });
 };
 const useXData = function () {
+  var _settings$selectedVar, _settings$selectedVar2, _settings$selectedVar3;
   let agg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : meanData;
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
-  const [xParams, setXParams] = (0, _react.useState)(!settings.selectedVar ? [] : !settings.selectedVar?.isSet ? [{
+  const [xParams, setXParams] = (0, _react.useState)(!settings.selectedVar ? [] : !((_settings$selectedVar = settings.selectedVar) !== null && _settings$selectedVar !== void 0 && _settings$selectedVar.isSet) ? [{
     url: dataset.url,
     path: "X",
-    s: [null, settings.selectedVar?.matrix_index]
-  }] : _lodash.default.map(settings.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",
@@ -59,11 +60,12 @@ const useXData = function () {
     };
   }));
   (0, _react.useEffect)(() => {
-    setXParams(!settings.selectedVar ? [] : !settings.selectedVar?.isSet ? [{
+    var _settings$selectedVar4, _settings$selectedVar5, _settings$selectedVar6;
+    setXParams(!settings.selectedVar ? [] : !((_settings$selectedVar4 = settings.selectedVar) !== null && _settings$selectedVar4 !== void 0 && _settings$selectedVar4.isSet) ? [{
       url: dataset.url,
       path: "X",
-      s: [null, settings.selectedVar?.matrix_index]
-    }] : _lodash.default.map(settings.selectedVar?.vars, v => {
+      s: [null, (_settings$selectedVar5 = settings.selectedVar) === null || _settings$selectedVar5 === void 0 ? void 0 : _settings$selectedVar5.matrix_index]
+    }] : _lodash.default.map((_settings$selectedVar6 = settings.selectedVar) === null || _settings$selectedVar6 === void 0 ? void 0 : _settings$selectedVar6.vars, v => {
       return {
         url: dataset.url,
         path: "X",
@@ -77,18 +79,20 @@ const useXData = function () {
 };
 exports.useXData = useXData;
 const useObsData = function () {
+  var _obs, _obs2;
   let obs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   obs = obs || settings.selectedObs;
   const [obsParams, setObsParams] = (0, _react.useState)({
     url: dataset.url,
-    path: "obs/" + obs?.name + (obs?.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
+    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" : "")
   });
   (0, _react.useEffect)(() => {
+    var _obs3, _obs4;
     setObsParams({
       url: dataset.url,
-      path: "obs/" + obs?.name + (obs?.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
+      path: "obs/" + ((_obs3 = obs) === null || _obs3 === void 0 ? void 0 : _obs3.name) + (((_obs4 = obs) === null || _obs4 === void 0 ? void 0 : _obs4.type) === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
     });
   }, [dataset.url, obs]);
   return (0, _zarrHelper.useZarr)(obsParams, _zarrHelper.GET_OPTIONS, {

package/dist/css/cherita.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Bootstrap  v5.3.5 (https://getbootstrap.com/)
+ * Bootstrap  v5.3.6 (https://getbootstrap.com/)
  * Copyright 2011-2025 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
@@ -4454,24 +4454,24 @@ textarea.form-control-lg {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-top,
-  .card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) > .card-img-top,
+  .card-group > .card:not(:last-child) > .card-header {
     border-top-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-bottom,
-  .card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) > .card-img-bottom,
+  .card-group > .card:not(:last-child) > .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-top,
-  .card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) > .card-img-top,
+  .card-group > .card:not(:first-child) > .card-header {
     border-top-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-bottom,
-  .card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) > .card-img-bottom,
+  .card-group > .card:not(:first-child) > .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -7054,6 +7054,10 @@ textarea.form-control-lg {
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
   position: absolute !important;
 }
+.visually-hidden *,
+.visually-hidden-focusable:not(:focus):not(:focus-within) * {
+  overflow: hidden !important;
+}
 
 .stretched-link::after {
   position: absolute;