@haniffalab/cherita-react 1.4.1 → 1.4.2

package/dist/esm/utils/Resolver.js

@@ -0,0 +1,201 @@
+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); }
+import { useState, useEffect, useMemo } from 'react';
+import _ from 'lodash';
+import { useFetch } from './requests';
+import { PSEUDOSPATIAL_CATEGORICAL_MODES } from '../constants/constants';
+import { useDataset } from '../context/DatasetContext';
+import { useSettings } from '../context/SettingsContext';
+const cleanSettings = settings => {
+  var _settings$data$pseudo;
+  // Remove obs and vars from settings that are not in data
+
+  const selectedObs = settings.selectedObs && settings.data.obs[settings.selectedObs.name] ? settings.selectedObs : null;
+  const labelObs = _.filter(settings.labelObs, obsName => settings.data.obs[obsName]);
+  const selectedVar = settings.selectedVar && (settings.selectedVar.isSet ? _.every(settings.selectedVar.vars, vv => settings.data.vars[vv.name]) : settings.data.vars[settings.selectedVar.name]) ? settings.selectedVar : null;
+  const selectedMultiVar = _.filter(settings.selectedMultiVar, v => {
+    if (v.isSet) {
+      return _.every(v.vars, vv => settings.data.vars[vv.name]);
+    } else {
+      return settings.data.vars[v.name];
+    }
+  });
+  const vars = _.filter(settings.vars, v => {
+    if (v.isSet) {
+      return _.every(v.vars, vv => settings.data.vars[vv.name]);
+    } else {
+      return settings.data.vars[v.name];
+    }
+  });
+  let pseudospatial = settings.pseudospatial;
+  if (!_.keys(settings.data.pseudospatial).length) {
+    pseudospatial = {
+      maskSet: null,
+      maskValues: null,
+      categoricalMode: PSEUDOSPATIAL_CATEGORICAL_MODES.ACROSS.value
+    };
+  }
+  if (pseudospatial.maskSet && !_.includes(_.keys(settings.data.pseudospatial), pseudospatial.maskSet)) {
+    pseudospatial = _objectSpread(_objectSpread({}, pseudospatial), {}, {
+      maskSet: null
+    });
+  }
+  if (pseudospatial.maskValues && !!_.difference(pseudospatial.maskValues, ((_settings$data$pseudo = settings.data.pseudospatial) === null || _settings$data$pseudo === void 0 ? void 0 : _settings$data$pseudo[pseudospatial.maskSet]) || []).length) {
+    pseudospatial = _objectSpread(_objectSpread({}, pseudospatial), {}, {
+      maskValues: null
+    });
+  }
+  return _objectSpread(_objectSpread({}, settings), {}, {
+    selectedObs: selectedObs,
+    labelObs: labelObs,
+    selectedVar: selectedVar,
+    selectedMultiVar: selectedMultiVar,
+    vars: vars,
+    pseudospatial: pseudospatial
+  });
+};
+export const useResolver = initSettings => {
+  const dataset = useDataset();
+  const {
+    isPseudospatial = false
+  } = dataset;
+  const [isPending, setisPending] = useState(true);
+  const [resolvedSettings, setResolvedSettings] = useState(null);
+
+  // obs
+  // all obs should be in initSettings.selectedObs and initSettings.labelObs
+  const initObs = _.uniqBy(_.compact([initSettings.selectedObs, ..._.map(initSettings.labelObs, o => ({
+    name: o
+  }))]), 'name');
+  const initObsNames = _.map(initObs, o => o.name);
+  const [obsParams] = useState({
+    url: dataset.url,
+    cols: initObsNames,
+    obsParams: _.fromPairs(_.map(initObs, o => [o.name, {
+      bins: o.bins || {}
+    }]))
+  });
+  const {
+    fetchedData: obsData,
+    isPending: obsDataPending,
+    serverError: obsDataError
+  } = useFetch('obs/cols', obsParams, {
+    enabled: !!initObsNames.length
+  });
+
+  // vars
+  // all vars should be in initSettings.vars from validation
+  const initVars = initSettings.vars;
+  const initVarsNames = _.flatMap(initVars, v => v.isSet ? _.map(v.vars, vv => vv.name) : v.name);
+  const [varParams] = useState({
+    url: dataset.url,
+    col: dataset.varNamesCol,
+    names: initVarsNames
+  });
+  const {
+    fetchedData: varData,
+    isPending: varDataPending,
+    serverError: varDataError
+  } = useFetch('var/cols/names', varParams, {
+    enabled: !!varParams.names.length
+  });
+
+  // pseudospatial
+  const [pseudospatialParams] = useState({
+    url: dataset.url
+  });
+  const pseudospatialEnabled = isPseudospatial;
+  const {
+    fetchedData: pseudospatialData,
+    isPending: pseudospatialDataPending,
+    serverError: pseudospatialDataError
+  } = useFetch('masks', pseudospatialParams, {
+    enabled: pseudospatialEnabled,
+    retry: false
+  });
+
+  // Use isPending to help set initial state to true
+  useEffect(() => {
+    setisPending(obsDataPending || varDataPending || pseudospatialDataPending);
+  }, [obsDataPending, pseudospatialDataPending, varDataPending]);
+
+  // Use isPending along with other pending states
+  // to ensure they've all converged after state updates
+  useEffect(() => {
+    if (isPending || obsDataPending || varDataPending || pseudospatialDataPending) {
+      return;
+    }
+    if (obsDataError) {
+      console.error('Error fetching obs data:', obsDataError);
+    }
+    if (varDataError) {
+      console.error('Error fetching var data:', varDataError);
+    }
+    if (pseudospatialDataError) {
+      console.error('Error fetching pseudospatial masks data:', pseudospatialDataError);
+    }
+    const data = {
+      obs: obsData ? _.fromPairs(_.map(obsData, o => [o.name, o])) : {},
+      vars: varData ? _.fromPairs(_.map(varData, v => [v.name, v])) : {},
+      pseudospatial: pseudospatialData || {}
+    };
+    const cleanedSettings = cleanSettings(_objectSpread(_objectSpread({}, initSettings), {}, {
+      data: data
+    }));
+    setResolvedSettings(cleanedSettings);
+  }, [initSettings, isPending, obsData, obsDataError, obsDataPending, pseudospatialData, pseudospatialDataError, pseudospatialDataPending, pseudospatialEnabled, varData, varDataError, varDataPending]);
+  return resolvedSettings;
+};
+export const useSelectedObs = () => {
+  const settings = useSettings();
+  return useMemo(() => {
+    return settings.selectedObs ? _objectSpread(_objectSpread({}, settings.selectedObs), settings.data.obs[settings.selectedObs.name]) : null;
+  }, [settings.data.obs, settings.selectedObs]);
+};
+export const useSelectedVar = () => {
+  const settings = useSettings();
+  return useMemo(() => {
+    if (settings.selectedVar) {
+      if (settings.selectedVar.isSet) {
+        return _objectSpread(_objectSpread({}, settings.selectedVar), {}, {
+          vars: settings.selectedVar.vars.map(v => _objectSpread({}, settings.data.vars[v.name]))
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, settings.selectedVar), settings.data.vars[settings.selectedVar.name]);
+      }
+    } else {
+      return null;
+    }
+  }, [settings.data.vars, settings.selectedVar]);
+};
+export const useSelectedMultiVar = () => {
+  const settings = useSettings();
+  return useMemo(() => {
+    return _.map(settings.selectedMultiVar, v => {
+      if (v.isSet) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          vars: v.vars.map(vv => _objectSpread({}, settings.data.vars[vv.name]))
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, v), settings.data.vars[v.name]);
+      }
+    });
+  }, [settings.data.vars, settings.selectedMultiVar]);
+};
+export const useSettingsVars = () => {
+  const settings = useSettings();
+  return useMemo(() => {
+    return _.map(settings.vars, v => {
+      if (v.isSet) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          vars: v.vars.map(vv => _objectSpread({}, settings.data.vars[vv.name]))
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, v), settings.data.vars[v.name]);
+      }
+    });
+  }, [settings.data.vars, settings.vars]);
+};

package/dist/esm/utils/Skeleton.js

@@ -1,13 +1,14 @@
-import React from "react";
-import { Button, Placeholder } from "react-bootstrap";
+import { Button, Placeholder } from 'react-bootstrap';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const ObsmKeysListBtn = () => {
-  return /*#__PURE__*/React.createElement(Placeholder, {
+  return /*#__PURE__*/_jsx(Placeholder, {
     as: Button,
-    animation: "glow"
-  }, /*#__PURE__*/React.createElement(Placeholder, {
-    xs: 6,
-    style: {
-      width: "40px"
-    }
-  }));
+    animation: "glow",
+    children: /*#__PURE__*/_jsx(Placeholder, {
+      xs: 6,
+      style: {
+        width: '40px'
+      }
+    })
+  });
 };

package/dist/esm/utils/StyledTooltip.js

@@ -0,0 +1,38 @@
+const _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { styled, Tooltip, tooltipClasses } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StyledTooltip = styled(_ref => {
+  let {
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, props), {}, {
+    classes: {
+      popper: className
+    }
+  }));
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    ["& .".concat(tooltipClasses.tooltip)]: {
+      backgroundColor: '#000',
+      color: '#fff',
+      maxWidth: 220,
+      fontSize: 13,
+      borderRadius: 4,
+      padding: theme.spacing(0.5, 1),
+      whiteSpace: 'pre-line',
+      textAlign: 'center',
+      boxShadow: '0 0.25rem 0.75rem rgba(0, 0, 0, 0.1)'
+    }
+  };
+});

package/dist/esm/utils/VirtualizedList.js

@@ -1,9 +1,14 @@
 const _excluded = ["getDataAtIndex", "count", "ItemComponent", "estimateSize", "overscan", "maxHeight"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useEffect, useState } from "react";
-import { useVirtualizer } from "@tanstack/react-virtual";
+import { useCallback, useEffect, useState } from 'react';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { jsx as _jsx } from "react/jsx-runtime";
 export function VirtualizedList(_ref) {
   var _virtualItems$0$start, _virtualItems$;
   let {
@@ -12,7 +17,7 @@ export function VirtualizedList(_ref) {
       ItemComponent,
       estimateSize = () => 45,
       overscan = 25,
-      maxHeight = "65vh"
+      maxHeight = '65vh'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const [parentNode, setParentNode] = useState(null);
@@ -29,31 +34,34 @@ export function VirtualizedList(_ref) {
   useEffect(() => {
     itemVirtualizer.measure();
   }, [itemVirtualizer, parentNode === null || parentNode === void 0 ? void 0 : parentNode.clientHeight, getDataAtIndex]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: refCallback,
     style: {
-      overflowY: "auto",
+      overflowY: 'auto',
       maxHeight: maxHeight
     },
-    className: "modern-scrollbars"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: "".concat(itemVirtualizer.getTotalSize(), "px"),
-      width: "100%",
-      position: "relative",
-      willChange: "transform"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      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.createElement("div", {
-    key: virtualItem.key,
-    "data-index": virtualItem.index,
-    ref: itemVirtualizer.measureElement
-  }, /*#__PURE__*/React.createElement(ItemComponent, _extends({}, getDataAtIndex(virtualItem.index), props)))))));
+    className: "modern-scrollbars",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "".concat(itemVirtualizer.getTotalSize(), "px"),
+        width: '100%',
+        position: 'relative',
+        willChange: 'transform'
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%',
+          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)")
+        },
+        children: virtualItems.map(virtualItem => /*#__PURE__*/_jsx("div", {
+          "data-index": virtualItem.index,
+          ref: itemVirtualizer.measureElement,
+          children: /*#__PURE__*/_jsx(ItemComponent, _objectSpread(_objectSpread({}, getDataAtIndex(virtualItem.index)), props))
+        }, virtualItem.key))
+      })
+    })
+  });
 }

package/dist/esm/utils/errors.js

@@ -6,38 +6,38 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 export const parseError = err => {
   if (err === DOMException.TIMEOUT_ERR) {
     return {
-      message: "Timeout error",
+      message: 'Timeout error',
       name: err
     };
   }
   switch (err === null || err === void 0 ? void 0 : err.name) {
-    case "TypeError":
+    case 'TypeError':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Failed to fetch data from server"
+        message: 'Failed to fetch data from server'
       });
-    case "ReadZarrError":
+    case 'ReadZarrError':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Failed to read AnnData-Zarr"
+        message: 'Failed to read AnnData-Zarr'
       });
-    case "InvalidObs":
+    case 'InvalidObs':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Observation not found in dataset"
+        message: 'Observation not found in dataset'
       });
-    case "InvalidVar":
+    case 'InvalidVar':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Feature not found in dataset"
+        message: 'Feature not found in dataset'
       });
-    case "InvalidKey":
+    case 'InvalidKey':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Key not found in datset"
+        message: 'Key not found in dataset'
       });
-    case "BadRequest":
+    case 'BadRequest':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Invalid request to server"
+        message: 'Invalid request to server'
       });
-    case "InternalServerError":
+    case 'InternalServerError':
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Server error"
+        message: 'Server error'
       });
     default:
       return err;

package/dist/esm/utils/requests.js

@@ -3,9 +3,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-import { useQuery } from "@tanstack/react-query";
-import { useDebounce } from "@uidotdev/usehooks";
-import { parseError } from "./errors";
+import { useQuery } from '@tanstack/react-query';
+import { useDebounce } from '@uidotdev/usehooks';
+import { parseError } from './errors';
 export 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;
@@ -15,13 +15,13 @@ export async function fetchData(endpoint, params) {
   const timeout = setTimeout(() => {
     controller.abort(DOMException.TIMEOUT_ERR);
   }, ms || 300000);
-  if (signal) signal.addEventListener("abort", () => controller.abort());
+  if (signal) signal.addEventListener('abort', () => controller.abort());
   const response = await fetch(new URL(endpoint, apiUrl), {
-    method: "POST",
-    mode: "cors",
+    method: 'POST',
+    mode: 'cors',
     headers: {
-      "Content-Type": "application/json",
-      Accept: "application/json"
+      'Content-Type': 'application/json',
+      Accept: 'application/json'
     },
     body: JSON.stringify(params),
     signal: controller.signal
@@ -37,12 +37,17 @@ export async function fetchData(endpoint, params) {
   }
   return await response.json();
 }
+
+// @TODO: update to match isLoading
 export 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 {
+    retry = null
+  } = opts;
   const {
     data: fetchedData = null,
     isLoading: isPending = false,
@@ -55,13 +60,13 @@ export const useFetch = function (endpoint, params) {
       } = _ref;
       return fetchData(endpoint, params, signal, apiUrl);
     },
-    retry: (failureCount, _ref2) => {
+    retry: retry || ((failureCount, _ref2) => {
       let {
         error
       } = _ref2;
       if ([400, 401, 403, 404, 422].includes(error === null || error === void 0 ? void 0 : error.status)) return false;
       return failureCount < 3;
-    }
+    })
   }, opts));
   return {
     fetchedData,
@@ -76,12 +81,17 @@ export const useDebouncedFetch = function (endpoint, params) {
     refetchOnWindowFocus: false
   };
   let apiUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+  // Optional isEnabled function to determine if enabled based on debouncedParams instead of params
+  const {
+    enabled = true,
+    isEnabled = () => true
+  } = opts;
   const debouncedParams = useDebounce(params, delay);
   const {
     data: fetchedData = null,
     isLoading: isPending = false,
     error: serverError = null
-  } = useQuery(_objectSpread({
+  } = useQuery(_objectSpread(_objectSpread({
     queryKey: [endpoint, debouncedParams],
     queryFn: _ref3 => {
       let {
@@ -96,7 +106,9 @@ export const useDebouncedFetch = function (endpoint, params) {
       if ([400, 401, 403, 404, 422].includes(error === null || error === void 0 ? void 0 : error.status)) return false;
       return failureCount < 3;
     }
-  }, opts));
+  }, opts), {}, {
+    enabled: enabled && isEnabled(debouncedParams)
+  }));
   return {
     fetchedData,
     isPending,

package/dist/esm/utils/search.js

@@ -1,13 +1,13 @@
-import { useState } from "react";
-import { useFetch } from "./requests";
-import { useDataset } from "../context/DatasetContext";
+import { useState } from 'react';
+import { useFetch } from './requests';
+import { useDataset } from '../context/DatasetContext';
 export const useDiseaseSearch = () => {
-  const ENDPOINT = "diseases";
+  const ENDPOINT = 'diseases';
   const dataset = useDataset();
   const [params, setParams] = useState({
     url: dataset.url,
     diseaseDatasets: dataset.diseaseDatasets,
-    text: ""
+    text: ''
   });
   const data = useFetch(ENDPOINT, params, {
     enabled: !!params.text.length,
@@ -20,12 +20,12 @@ export const useDiseaseSearch = () => {
   };
 };
 export const useVarSearch = () => {
-  const ENDPOINT = "var/names";
+  const ENDPOINT = 'var/names';
   const dataset = useDataset();
   const [params, setParams] = useState({
     url: dataset.url,
     col: dataset.varNamesCol,
-    text: ""
+    text: ''
   });
   const data = useFetch(ENDPOINT, params, {
     enabled: !!params.text.length,

package/dist/esm/utils/string.js

@@ -1,8 +1,8 @@
-import numbro from "numbro";
+import numbro from 'numbro';
 export const FORMATS = {
-  EXPONENTIAL: "exponential",
-  ABBREVIATION: "abbreviation",
-  THOUSAND: "thousand"
+  EXPONENTIAL: 'exponential',
+  ABBREVIATION: 'abbreviation',
+  THOUSAND: 'thousand'
 };
 function formatThousand(n) {
   let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
@@ -32,9 +32,9 @@ export 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";
+    return '0';
   } else if (!n || n === undefined || isNaN(n)) {
-    return "NaN";
+    return 'NaN';
   }
   switch (format) {
     case FORMATS.EXPONENTIAL:
@@ -55,5 +55,5 @@ export function formatNumerical(n) {
   }
 }
 export function formatString(s) {
-  return s.trim().replace(/_/g, " ");
+  return s.trim().replace(/_/g, ' ');
 }