@haniffalab/cherita-react 1.0.0 → 1.1.0-dev.2025-04-01.1c91bb8b

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,29 +42,25 @@ const fetchDataFromZarr = async (url, path, s, opts) => {
     throw error;
   }
 };
-const useZarr = ({
-  url,
-  path
-}, s = null, options = GET_OPTIONS, opts = {}) => {
-  const {
-    enabled = true
-  } = 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 {
     data = null,
-    isPending = false,
+    isLoading: isPending = false,
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: ["zarr", url, path, s],
-    queryFn: () => {
-      if (enabled) {
-        return fetchDataFromZarr(url, path, s, options);
-      } else {
-        return;
-      }
-    },
-    retry: (failureCount, {
-      error
-    }) => {
+    queryFn: () => fetchDataFromZarr(url, path, s, options),
+    retry: (failureCount, _ref3) => {
+      let {
+        error
+      } = _ref3;
       if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
       return failureCount < 3;
     },
@@ -84,34 +81,29 @@ const aggregateData = (inputs, data) => {
   });
   return dataObject;
 };
-const useMultipleZarr = (inputs, options = GET_OPTIONS, opts = {}, agg = aggregateData) => {
-  const {
-    enabled = true
-  } = opts;
+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 combine = (0, _react.useCallback)(results => {
     return {
       data: agg(inputs, results.map(result => result.data)),
-      isPending: results.some(result => result.isPending),
+      isLoading: results.some(result => result.isLoading),
       serverError: results.find(result => result.error)
     };
   }, [agg, inputs]);
   const {
     data = null,
-    isPending = false,
+    isLoading: isPending = false,
     serverError = null
   } = (0, _reactQuery.useQueries)({
     queries: inputs.map(input => ({
       queryKey: ["zarr", input.url, input.path, input.s],
-      queryFn: () => {
-        if (enabled) {
-          return fetchDataFromZarr(input.url, input.path, input.s, options);
-        } else {
-          return;
-        }
-      },
-      retry: (failureCount, {
-        error
-      }) => {
+      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;
         return failureCount < 3;
       },

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

@@ -132,7 +132,7 @@ const useFilter = data => {
         filteredIndices: null,
         valueMin: _lodash.default.min(obsData.data),
         valueMax: _lodash.default.max(obsData.data),
-        slicedLength: obsData.data.length
+        slicedLength: obsData.data?.length
       };
     }
   }, [dataset.colorEncoding, isContinuous, isInSlice, isPending, obsData.data, obsmData.data, serverError, xData.data]);

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/cjs/utils/Skeleton.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ObsmKeysListBtn = void 0;
+var _reactBootstrap = require("react-bootstrap");
+const ObsmKeysListBtn = () => {
+  return /*#__PURE__*/React.createElement(_reactBootstrap.Placeholder, {
+    as: _reactBootstrap.Button,
+    animation: "glow"
+  }, /*#__PURE__*/React.createElement(_reactBootstrap.Placeholder, {
+    xs: 6,
+    style: {
+      width: "40px"
+    }
+  }));
+};
+exports.ObsmKeysListBtn = ObsmKeysListBtn;

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,31 +39,28 @@ 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 {
-    enabled = true
-  } = opts;
+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 {
     data: fetchedData = null,
-    isPending = false,
+    isLoading: isPending = false,
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: [endpoint, params],
-    queryFn: ({
-      signal
-    }) => {
-      if (enabled) {
-        return fetchData(endpoint, params, signal, apiUrl);
-      } else {
-        return;
-      }
+    queryFn: _ref => {
+      let {
+        signal
+      } = _ref;
+      return fetchData(endpoint, params, signal, apiUrl);
     },
-    retry: (failureCount, {
-      error
-    }) => {
+    retry: (failureCount, _ref2) => {
+      let {
+        error
+      } = _ref2;
       if ([400, 401, 403, 404, 422].includes(error?.status)) return false;
       return failureCount < 3;
     },
@@ -73,32 +73,30 @@ const useFetch = (endpoint, params, opts = {
   };
 };
 exports.useFetch = useFetch;
-const useDebouncedFetch = (endpoint, params, delay = 500, opts = {
-  refetchOnMount: false,
-  refetchOnWindowFocus: false
-}, apiUrl = null) => {
-  const {
-    enabled = true
-  } = opts;
+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 debouncedParams = (0, _usehooks.useDebounce)(params, delay);
   const {
     data: fetchedData = null,
-    isPending = false,
+    isLoading: isPending = false,
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: [endpoint, debouncedParams],
-    queryFn: ({
-      signal
-    }) => {
-      if (enabled) {
-        return fetchData(endpoint, debouncedParams, signal, apiUrl);
-      } else {
-        return;
-      }
+    queryFn: _ref3 => {
+      let {
+        signal
+      } = _ref3;
+      return fetchData(endpoint, debouncedParams, signal, apiUrl);
     },
-    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)({