@haniffalab/cherita-react 1.0.0-dev.2025-03-13.73606a74 → 1.0.0-dev.2025-03-13.274a553c

package/dist/{components → cjs/components}/var-list/VarList.js

@@ -18,7 +18,8 @@ var _requests = require("../../utils/requests");
 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; }
-const useVarMean = (varKeys, enabled = false) => {
+const useVarMean = function (varKeys) {
+  let enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   const ENDPOINT = "matrix/mean";
   const dataset = (0, _DatasetContext.useDataset)();
   const [params, setParams] = (0, _react.useState)({
@@ -49,9 +50,10 @@ const useVarMean = (varKeys, enabled = false) => {
 
 // @TODO: display where disease data comes from
 // add to disease dataset metadata
-function DiseaseVarList({
-  makeListItem
-}) {
+function DiseaseVarList(_ref) {
+  let {
+    makeListItem
+  } = _ref;
   const ENDPOINT = "disease/genes";
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
@@ -117,11 +119,12 @@ function DiseaseVarList({
     className: "position-relative"
   }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingIndicators.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, null, diseaseVarList)))));
 }
-function VarNamesList({
-  mode = _constants.SELECTION_MODES.SINGLE,
-  displayName = "genes",
-  showDiseaseVarList = true
-}) {
+function VarNamesList(_ref2) {
+  let {
+    mode = _constants.SELECTION_MODES.SINGLE,
+    displayName = "genes",
+    showDiseaseVarList = true
+  } = _ref2;
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const [varButtons, setVarButtons] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? dataset.selectedVar ? _lodash.default.unionWith([dataset.selectedVar], dataset.varSets, _lodash.default.isEqual) : [...dataset.varSets] : [...dataset.selectedMultiVar, ...dataset.varSets]);
@@ -192,7 +195,8 @@ function VarNamesList({
       setSortedVarButtons(varButtons);
     }
   }, [dataset.varSort.var.sort, dataset.varSort.var.sortOrder, varButtons, varMeans.isPending, varMeans.serverError, varMeans.fetchedData]);
-  const makeListItem = (item, isDiseaseGene = false) => {
+  const makeListItem = function (item) {
+    let isDiseaseGene = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup.Item, {
       key: item.matrix_index
     }, /*#__PURE__*/_react.default.createElement(_VarItem.VarItem, {

package/dist/{components → cjs/components}/var-list/VarListToolbar.js

@@ -14,9 +14,10 @@ var _DatasetContext = require("../../context/DatasetContext");
 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; }
 // @TODO: set option for "var" and "disease"
-function VarListToolbar({
-  varType = "var"
-}) {
+function VarListToolbar(_ref) {
+  let {
+    varType = "var"
+  } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const [sort, setSort] = (0, _react.useState)(dataset.varSort.var.sort);

package/dist/{components → cjs/components}/var-list/VarSet.js

@@ -26,14 +26,15 @@ const addVarToSet = (dispatch, set, v) => {
     var: v
   });
 };
-function SingleSelectionSet({
-  set,
-  isActive,
-  selectSet,
-  removeSet,
-  removeSetVar,
-  showSearchBar = true
-}) {
+function SingleSelectionSet(_ref) {
+  let {
+    set,
+    isActive,
+    selectSet,
+    removeSet,
+    removeSetVar,
+    showSearchBar = true
+  } = _ref;
   const [openSet, setOpenSet] = (0, _react.useState)(false);
   const varList = set.vars.length ? _lodash.default.map(set.vars, v => {
     return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup.Item, {
@@ -99,11 +100,12 @@ function SingleSelectionSet({
     variant: "flush"
   }, varList)))));
 }
-function MultipleSelectionSet({
-  set,
-  isActive,
-  toggleSet
-}) {
+function MultipleSelectionSet(_ref2) {
+  let {
+    set,
+    isActive,
+    toggleSet
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -117,11 +119,12 @@ function MultipleSelectionSet({
     title: set.name
   }, set.name))));
 }
-function VarSet({
-  set,
-  active,
-  mode = _constants.SELECTION_MODES.SINGLE
-}) {
+function VarSet(_ref3) {
+  let {
+    set,
+    active,
+    mode = _constants.SELECTION_MODES.SINGLE
+  } = _ref3;
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const selectSet = () => {

package/dist/{components → cjs/components}/violin/Violin.js

@@ -18,9 +18,10 @@ var _requests = require("../../utils/requests");
 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 Violin({
-  mode = _constants.VIOLIN_MODES.MULTIKEY
-}) {
+function Violin(_ref) {
+  let {
+    mode = _constants.VIOLIN_MODES.MULTIKEY
+  } = _ref;
   const ENDPOINT = "violin";
   const dataset = (0, _DatasetContext.useDataset)();
   const {

package/dist/{context → cjs/context}/DatasetContext.js

@@ -44,10 +44,11 @@ const persistOptions = {
     storage: window.localStorage
   }),
   dehydrateOptions: {
-    shouldDehydrateQuery: ({
-      queryKey,
-      state
-    }) => {
+    shouldDehydrateQuery: _ref => {
+      let {
+        queryKey,
+        state
+      } = _ref;
       if (state.status === "success") {
         return persistKeys.includes(queryKey?.[0]);
       }
@@ -116,11 +117,12 @@ const initializer = initialState => {
   const localValues = _lodash.default.pick(localObj, keys);
   return _lodash.default.assign(initialState, localValues);
 };
-function DatasetProvider({
-  dataset_url,
-  children,
-  ...dataset_params
-}) {
+function DatasetProvider(_ref2) {
+  let {
+    dataset_url,
+    children,
+    ...dataset_params
+  } = _ref2;
   const [dataset, dispatch] = (0, _react.useReducer)(datasetReducer, _lodash.default.assign(initializer({
     url: dataset_url,
     ...initialDataset

package/dist/{context → cjs/context}/FilterContext.js

@@ -19,9 +19,10 @@ const initialFilterData = {
   slicedLength: null,
   isSliced: false
 };
-function FilterProvider({
-  children
-}) {
+function FilterProvider(_ref) {
+  let {
+    children
+  } = _ref;
   const [filteredData, dispatch] = (0, _react.useReducer)(filterReducer, {
     ...initialFilterData
   });

package/dist/{context → cjs/context}/ZarrDataContext.js

@@ -11,9 +11,10 @@ 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; }
 const ZarrDataContext = /*#__PURE__*/(0, _react.createContext)(null);
-function ZarrDataProvider({
-  children
-}) {
+function ZarrDataProvider(_ref) {
+  let {
+    children
+  } = _ref;
   const obsmData = (0, _zarrData.useObsmData)();
   const obsData = (0, _zarrData.useObsData)();
   const xData = (0, _zarrData.useXData)();

package/dist/{helpers → cjs/helpers}/color-helper.js

@@ -42,17 +42,18 @@ const rgbToHex = color => {
 exports.rgbToHex = rgbToHex;
 const useColor = () => {
   const dataset = (0, _DatasetContext.useDataset)();
-  const getColor = (0, _react.useCallback)(({
-    value,
-    categorical = false,
-    grayOut = false,
-    grayParams: {
-      alpha = 0.75,
-      gray = 0.95
-    } = {},
-    colorEncoding = dataset.colorEncoding,
-    colorscale = null
-  }) => {
+  const getColor = (0, _react.useCallback)(_ref => {
+    let {
+      value,
+      categorical = false,
+      grayOut = false,
+      grayParams: {
+        alpha = 0.75,
+        gray = 0.95
+      } = {},
+      colorEncoding = dataset.colorEncoding,
+      colorscale = null
+    } = _ref;
     const colormap = colorscale || _colorscales.COLORSCALES[categorical ? "Accent" : dataset.controls.colorScale];
     if (colorEncoding) {
       if (grayOut) {

package/dist/{helpers → cjs/helpers}/map-helper.js

@@ -8,13 +8,14 @@ var _core = require("@deck.gl/core");
 var _lodash = _interopRequireDefault(require("lodash"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class MapHelper {
-  fitBounds(coords, {
-    width = 400,
-    height = 600
-  } = {
-    width: 400,
-    height: 600
-  }) {
+  fitBounds(coords) {
+    let {
+      width = 400,
+      height = 600
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      width: 400,
+      height: 600
+    };
     let view = new _core.WebMercatorViewport({
       width: width,
       height: height,

package/dist/{helpers → cjs/helpers}/zarr-helper.js

@@ -10,10 +10,11 @@ var _zarr = require("zarr");
 const GET_OPTIONS = exports.GET_OPTIONS = {
   concurrencyLimit: 10,
   // max number of concurrent requests (default 10)
-  progressCallback: ({
-    progress,
-    queueSize
-  }) => {
+  progressCallback: _ref => {
+    let {
+      progress,
+      queueSize
+    } = _ref;
     console.debug(`${progress / queueSize * 100}% complete.`);
   } // callback executed after each request
 };
@@ -41,10 +42,14 @@ const fetchDataFromZarr = async (url, path, s, opts) => {
     throw error;
   }
 };
-const useZarr = ({
-  url,
-  path
-}, s = null, options = GET_OPTIONS, opts = {}) => {
+const useZarr = function (_ref2) {
+  let {
+    url,
+    path
+  } = _ref2;
+  let s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : GET_OPTIONS;
+  let opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   const {
     enabled = true
   } = opts;
@@ -61,9 +66,10 @@ const useZarr = ({
         return;
       }
     },
-    retry: (failureCount, {
-      error
-    }) => {
+    retry: (failureCount, _ref3) => {
+      let {
+        error
+      } = _ref3;
       if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
       return failureCount < 3;
     },
@@ -84,7 +90,10 @@ const aggregateData = (inputs, data) => {
   });
   return dataObject;
 };
-const useMultipleZarr = (inputs, options = GET_OPTIONS, opts = {}, agg = aggregateData) => {
+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;
   const {
     enabled = true
   } = opts;
@@ -109,9 +118,10 @@ const useMultipleZarr = (inputs, options = GET_OPTIONS, opts = {}, agg = aggrega
           return;
         }
       },
-      retry: (failureCount, {
-        error
-      }) => {
+      retry: (failureCount, _ref4) => {
+        let {
+          error
+        } = _ref4;
         if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
         return failureCount < 3;
       },

package/dist/{utils → cjs/utils}/Histogram.js

@@ -10,11 +10,12 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _LoadingIndicators = require("./LoadingIndicators");
 var _string = require("./string");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Histogram({
-  data,
-  isPending,
-  altColor = false
-}) {
+function Histogram(_ref) {
+  let {
+    data,
+    isPending,
+    altColor = false
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "feature-histogram-container"
   }, isPending ? /*#__PURE__*/_react.default.createElement(_LoadingIndicators.LoadingLinear, null) : data ? /*#__PURE__*/_react.default.createElement("div", {
@@ -31,9 +32,12 @@ function Histogram({
     colors: altColor ? _xCharts.mangoFusionPalette : _xCharts.blueberryTwilightPalette,
     showHighlight: true,
     showTooltip: true,
-    valueFormatter: (v, {
-      dataIndex
-    }) => `${(0, _string.formatNumerical)(data.hist[dataIndex])}`,
+    valueFormatter: (v, _ref2) => {
+      let {
+        dataIndex
+      } = _ref2;
+      return `${(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 ? "]" : ")"}`

package/dist/{utils → cjs/utils}/ImageViewer.js

@@ -8,11 +8,12 @@ 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; }
-const ImageViewer = ({
-  src,
-  alt,
-  className = "img-fluid"
-}) => {
+const ImageViewer = _ref => {
+  let {
+    src,
+    alt,
+    className = "img-fluid"
+  } = _ref;
   const [error, setError] = (0, _react.useState)(false);
   const handleError = () => {
     console.error("Error loading image from src:", src);

package/dist/{utils → cjs/utils}/Legend.js

@@ -13,13 +13,14 @@ 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 Legend({
-  isCategorical = false,
-  min = 0,
-  max = 1,
-  colorscale = null,
-  addText = ""
-}) {
+function Legend(_ref) {
+  let {
+    isCategorical = false,
+    min = 0,
+    max = 1,
+    colorscale = null,
+    addText = ""
+  } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
   const {
     getColor

package/dist/{utils → cjs/utils}/LoadingIndicators.js

@@ -7,10 +7,11 @@ exports.LoadingSpinner = exports.LoadingLinear = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LoadingSpinner = ({
-  text = null,
-  disableShrink = false
-}) => {
+const LoadingSpinner = _ref => {
+  let {
+    text = null,
+    disableShrink = false
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "loading-spinner"
   }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {

package/dist/{utils → cjs/utils}/VirtualizedList.js

@@ -9,15 +9,16 @@ 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; }
 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 VirtualizedList({
-  getDataAtIndex,
-  count,
-  ItemComponent,
-  estimateSize = 45,
-  overscan = 25,
-  maxHeight = "80vh",
-  ...props
-}) {
+function VirtualizedList(_ref) {
+  let {
+    getDataAtIndex,
+    count,
+    ItemComponent,
+    estimateSize = 45,
+    overscan = 25,
+    maxHeight = "80vh",
+    ...props
+  } = _ref;
   const [parentNode, setParentNode] = (0, _react.useState)(null);
   const itemVirtualizer = (0, _reactVirtual.useVirtualizer)({
     count: count,

package/dist/{utils → cjs/utils}/requests.js

@@ -8,7 +8,10 @@ exports.useFetch = exports.useDebouncedFetch = void 0;
 var _reactQuery = require("@tanstack/react-query");
 var _usehooks = require("@uidotdev/usehooks");
 var _errors = require("./errors");
-async function fetchData(endpoint, params, signal = null, ms = 300000, apiUrl = null) {
+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;
+  let apiUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   apiUrl = apiUrl || process.env.REACT_APP_API_URL;
   const controller = new AbortController();
   const timeout = setTimeout(() => {
@@ -36,10 +39,12 @@ async function fetchData(endpoint, params, signal = null, ms = 300000, apiUrl =
   }
   return await response.json();
 }
-const useFetch = (endpoint, params, opts = {
-  refetchOnMount: false,
-  refetchOnWindowFocus: false
-}, apiUrl = null) => {
+const useFetch = function (endpoint, params) {
+  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  };
+  let apiUrl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   const {
     enabled = true
   } = opts;
@@ -49,18 +54,20 @@ const useFetch = (endpoint, params, opts = {
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: [endpoint, params],
-    queryFn: ({
-      signal
-    }) => {
+    queryFn: _ref => {
+      let {
+        signal
+      } = _ref;
       if (enabled) {
         return fetchData(endpoint, params, signal, apiUrl);
       } else {
         return;
       }
     },
-    retry: (failureCount, {
-      error
-    }) => {
+    retry: (failureCount, _ref2) => {
+      let {
+        error
+      } = _ref2;
       if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
       return failureCount < 3;
     },
@@ -73,10 +80,13 @@ const useFetch = (endpoint, params, opts = {
   };
 };
 exports.useFetch = useFetch;
-const useDebouncedFetch = (endpoint, params, delay = 500, opts = {
-  refetchOnMount: false,
-  refetchOnWindowFocus: false
-}, apiUrl = null) => {
+const useDebouncedFetch = function (endpoint, params) {
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
+  let opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+    refetchOnMount: false,
+    refetchOnWindowFocus: false
+  };
+  let apiUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   const {
     enabled = true
   } = opts;
@@ -87,18 +97,20 @@ const useDebouncedFetch = (endpoint, params, delay = 500, opts = {
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: [endpoint, debouncedParams],
-    queryFn: ({
-      signal
-    }) => {
+    queryFn: _ref3 => {
+      let {
+        signal
+      } = _ref3;
       if (enabled) {
         return fetchData(endpoint, debouncedParams, signal, apiUrl);
       } else {
         return;
       }
     },
-    retry: (failureCount, {
-      error
-    }) => {
+    retry: (failureCount, _ref4) => {
+      let {
+        error
+      } = _ref4;
       if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
       return failureCount < 3;
     },

package/dist/{utils → cjs/utils}/string.js

@@ -13,28 +13,33 @@ const FORMATS = exports.FORMATS = {
   ABBREVIATION: "abbreviation",
   THOUSAND: "thousand"
 };
-function formatThousand(n, precision = 3) {
+function formatThousand(n) {
+  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   return (0, _numbro.default)(n).format({
     thousandSeparated: true,
     mantissa: precision,
     trimMantissa: true
   });
 }
-function formatExponential(n, precision = 3) {
+function formatExponential(n) {
+  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   return (0, _numbro.default)(n).format({
     exponential: true,
     mantissa: precision,
     trimMantissa: true
   });
 }
-function formatAbbreviation(n, precision = 3) {
+function formatAbbreviation(n) {
+  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
   return (0, _numbro.default)(n).format({
     average: true,
     mantissa: precision,
     trimMantissa: true
   }).toUpperCase();
 }
-function formatNumerical(n, format = FORMATS.THOUSAND, precision = 3) {
+function formatNumerical(n) {
+  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : FORMATS.THOUSAND;
+  let precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3;
   if (n === 0) {
     return "0";
   } else if (!n || n === undefined || isNaN(n)) {

package/dist/{utils → cjs/utils}/zarrData.js

@@ -10,7 +10,8 @@ var _constants = require("../constants/constants");
 var _DatasetContext = require("../context/DatasetContext");
 var _zarrHelper = require("../helpers/zarr-helper");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useObsmData = (obsm = null) => {
+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)({
@@ -29,9 +30,15 @@ const useObsmData = (obsm = null) => {
 };
 exports.useObsmData = useObsmData;
 const meanData = (_i, data) => {
-  return _lodash.default.zipWith(...data, (...values) => _lodash.default.mean(values));
+  return _lodash.default.zipWith(...data, function () {
+    for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
+      values[_key] = arguments[_key];
+    }
+    return _lodash.default.mean(values);
+  });
 };
-const useXData = (agg = meanData) => {
+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,
@@ -62,7 +69,8 @@ const useXData = (agg = meanData) => {
   }, agg);
 };
 exports.useXData = useXData;
-const useObsData = (obs = null) => {
+const useObsData = function () {
+  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)({