@haniffalab/cherita-react 1.4.1-dev.2025-10-23.3179e534 → 1.4.1-dev.2025-10-23.55fbe6ff

package/dist/cjs/utils/errors.js

@@ -12,38 +12,38 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 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 dataset"
+        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/cjs/utils/requests.js

@@ -22,13 +22,13 @@ 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
@@ -89,15 +89,17 @@ 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 {
-    retry = null
+    enabled = true,
+    isEnabled = () => true
   } = opts;
   const debouncedParams = (0, _usehooks.useDebounce)(params, delay);
   const {
     data: fetchedData = null,
     isLoading: isPending = false,
     error: serverError = null
-  } = (0, _reactQuery.useQuery)(_objectSpread({
+  } = (0, _reactQuery.useQuery)(_objectSpread(_objectSpread({
     queryKey: [endpoint, debouncedParams],
     queryFn: _ref3 => {
       let {
@@ -105,14 +107,16 @@ const useDebouncedFetch = function (endpoint, params) {
       } = _ref3;
       return fetchData(endpoint, debouncedParams, signal, apiUrl);
     },
-    retry: retry || ((failureCount, _ref4) => {
+    retry: (failureCount, _ref4) => {
       let {
         error
       } = _ref4;
       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/cjs/utils/search.js

@@ -8,12 +8,12 @@ var _react = require("react");
 var _requests = require("./requests");
 var _DatasetContext = require("../context/DatasetContext");
 const useDiseaseSearch = () => {
-  const ENDPOINT = "diseases";
+  const ENDPOINT = 'diseases';
   const dataset = (0, _DatasetContext.useDataset)();
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url,
     diseaseDatasets: dataset.diseaseDatasets,
-    text: ""
+    text: ''
   });
   const data = (0, _requests.useFetch)(ENDPOINT, params, {
     enabled: !!params.text.length,
@@ -27,12 +27,12 @@ const useDiseaseSearch = () => {
 };
 exports.useDiseaseSearch = useDiseaseSearch;
 const useVarSearch = () => {
-  const ENDPOINT = "var/names";
+  const ENDPOINT = 'var/names';
   const dataset = (0, _DatasetContext.useDataset)();
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url,
     col: dataset.varNamesCol,
-    text: ""
+    text: ''
   });
   const data = (0, _requests.useFetch)(ENDPOINT, params, {
     enabled: !!params.text.length,

package/dist/cjs/utils/string.js

@@ -9,9 +9,9 @@ exports.formatString = formatString;
 var _numbro = _interopRequireDefault(require("numbro"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FORMATS = exports.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;
@@ -41,9 +41,9 @@ 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:
@@ -64,5 +64,5 @@ function formatNumerical(n) {
   }
 }
 function formatString(s) {
-  return s.trim().replace(/_/g, " ");
+  return s.trim().replace(/_/g, ' ');
 }

package/dist/cjs/utils/zarrData.js

@@ -21,7 +21,7 @@ const useObsmData = function () {
   obsm = obsm || settings.selectedObsm;
   const obsmParams = (0, _react.useMemo)(() => ({
     url: dataset.url,
-    path: "obsm/" + obsm,
+    path: 'obsm/' + obsm,
     s: [null, (0, _zarr.slice)(null, 2)] // load only [:, :2]
   }), [dataset.url, obsm]);
   return (0, _zarrHelper.useZarr)(obsmParams, _zarrHelper.GET_OPTIONS, {
@@ -43,12 +43,12 @@ const useXData = function () {
   const selectedVar = (0, _Resolver.useSelectedVar)();
   const xParams = (0, _react.useMemo)(() => !selectedVar ? [] : !(selectedVar !== null && selectedVar !== void 0 && selectedVar.isSet) ? [{
     url: dataset.url,
-    path: "X",
+    path: 'X',
     s: [null, selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.matrix_index]
   }] : _lodash.default.map(selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars, v => {
     return {
       url: dataset.url,
-      path: "X",
+      path: 'X',
       s: [null, v.matrix_index]
     };
   }), [dataset.url, selectedVar]);
@@ -67,7 +67,7 @@ const useObsData = function () {
     var _obs, _obs2;
     return {
       url: dataset.url,
-      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" : "")
+      path: 'obs/' + ((_obs = obs) === null || _obs === void 0 ? void 0 : _obs.name) + (((_obs2 = obs) === null || _obs2 === void 0 ? void 0 : _obs2.type) === _constants.OBS_TYPES.CATEGORICAL ? '/codes' : '')
     };
   }, [dataset.url, (_obs3 = obs) === null || _obs3 === void 0 ? void 0 : _obs3.name, (_obs4 = obs) === null || _obs4 === void 0 ? void 0 : _obs4.type]);
   return (0, _zarrHelper.useZarr)(obsParams, _zarrHelper.GET_OPTIONS, {
@@ -82,7 +82,7 @@ const useLabelObsData = () => {
     const obs = settings.data.obs[obsName] || null;
     return {
       url: dataset.url,
-      path: "obs/" + obs.name + (obs.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : ""),
+      path: 'obs/' + obs.name + (obs.type === _constants.OBS_TYPES.CATEGORICAL ? '/codes' : ''),
       key: obs.name
     };
   }), [dataset.url, settings.data.obs, settings.labelObs]);

package/dist/css/cherita.css

@@ -11895,7 +11895,7 @@ textarea.form-control-lg {
 }
 
 .list-group.cherita-list .virtualized-list-wrapper {
-  padding: 0 0.25rem 0.25rem 0.25rem;
+  padding: 0 0.25rem 0.25rem;
 }
 .list-group.cherita-list .list-group-item.unstyled {
   background-color: transparent;
@@ -11915,7 +11915,7 @@ textarea.form-control-lg {
 
 .obs-statistics {
   border: 0;
-  margin: 0 0.25rem 0.25rem 0.25rem;
+  margin: 0 0.25rem 0.25rem;
   padding: 0.375rem 0.75rem;
   line-height: 1.5;
   color: var(--bs-body-color);
@@ -11939,7 +11939,6 @@ textarea.form-control-lg {
   flex-direction: column;
   overflow: auto;
 }
-
 .cherita-app .cherita-navbar {
   position: absolute;
   z-index: 11;
@@ -11948,16 +11947,12 @@ textarea.form-control-lg {
   right: 0;
   border-radius: 0.25rem;
 }
-@media (min-width: 992px) and (max-width: 1199px) {
+@media (width >= 992px) and (width <= 1199px) {
   .cherita-app .cherita-navbar {
-    margin-left: calc(33.33333333% + 1rem) !important;
+    margin-left: calc(33.3333% + 1rem) !important;
   }
 }
 
-.cherita-app-canvas {
-  position: relative;
-}
-
 .cherita-app-obs {
   overflow-y: auto;
 }
@@ -11989,7 +11984,7 @@ textarea.form-control-lg {
   align-items: center;
   width: 100%;
 }
-.cherita-app-sidebar .accordion-header-wrapper:after {
+.cherita-app-sidebar .accordion-header-wrapper::after {
   content: "";
   flex-shrink: 0;
   width: var(--geeks-accordion-btn-icon-width);
@@ -12004,7 +11999,7 @@ textarea.form-control-lg {
   color: var(--geeks-accordion-active-color);
   background-color: var(--geeks-accordion-active-bg);
 }
-.cherita-app-sidebar .accordion-header-wrapper:not(.collapsed):after {
+.cherita-app-sidebar .accordion-header-wrapper:not(.collapsed)::after {
   background-image: var(--geeks-accordion-btn-active-icon);
   transform: var(--geeks-accordion-btn-icon-transform);
 }
@@ -12042,6 +12037,9 @@ textarea.form-control-lg {
   border-left: 1px solid #dee2e6;
 }
 
+.cherita-app-canvas {
+  position: relative;
+}
 .cherita-app-canvas .cherita-plot {
   position: relative;
   height: 100%;
@@ -12077,7 +12075,7 @@ textarea.form-control-lg {
   max-width: 20%;
   position: relative;
 }
-@media (max-width: 1400px) {
+@media (width <= 1400px) {
   .cherita-app-container .cherita-app-obs,
   .cherita-app-container .cherita-app-sidebar {
     max-width: 25%;
@@ -12269,7 +12267,7 @@ textarea.form-control-lg {
   display: inline-block;
 }
 
-@media (max-width: 600px) {
+@media (width <= 600px) {
   .cherita-spatial-footer {
     flex-direction: column;
     align-items: center;
@@ -12370,13 +12368,13 @@ textarea.form-control-lg {
 }
 
 .value-count-badge {
-  color: #000000 !important;
+  color: #000 !important;
   background-color: #dedede !important;
   font-weight: lighter;
 }
 
 .filtered-value-count-badge {
-  color: #ffffff !important;
+  color: #fff !important;
   font-weight: normal;
 }
 
@@ -12407,23 +12405,26 @@ textarea.form-control-lg {
   background-color: #dedede;
 }
 
+.feature-histogram-tooltip td > p {
+  font-size: 0.85rem !important;
+}
+
+/* stylelint-disable-next-line selector-class-pattern */
 .feature-histogram-tooltip .MuiChartsTooltip-markCell,
 .MuiChartsTooltip-labelCell {
   display: none;
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
 .feature-histogram-tooltip .MuiChartsTooltip-valueCell {
   padding: 0.5rem !important;
 }
 
+/* stylelint-disable-next-line selector-class-pattern */
 .feature-histogram-tooltip .MuiChartsTooltip-valueCell > p {
   font-size: 0.85rem !important;
 }
 
-.feature-histogram-tooltip td > p {
-  font-size: 0.85rem !important;
-}
-
 .feature-disease-info-list {
   max-height: 300px;
   overflow-y: auto;
@@ -12558,7 +12559,7 @@ input[type=checkbox] {
   z-index: 10;
   width: max-content;
 }
-@media (min-width: 991px) {
+@media (width >= 991px) {
   .resampled-tooltip-container {
     top: 16px;
     left: 16px;