@haniffalab/cherita-react 1.4.1-dev.2025-10-23.e95b5a90 → 1.4.1-dev.2025-10-23.55fbe6ff

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

@@ -28,7 +28,7 @@ class ZarrHelper {
     const z = await (0, _zarr.openArray)({
       store: url,
       path: path,
-      mode: "r"
+      mode: 'r'
     });
     return z;
   }
@@ -60,7 +60,7 @@ const useZarr = function (_ref2) {
     isLoading: isPending = false,
     error: serverError = null
   } = (0, _reactQuery.useQuery)(_objectSpread({
-    queryKey: ["zarr", url, path, s],
+    queryKey: ['zarr', url, path, s],
     queryFn: () => fetchDataFromZarr(url, path, s, options),
     retry: (failureCount, _ref3) => {
       let {
@@ -102,7 +102,7 @@ const useMultipleZarr = function (inputs) {
     serverError = null
   } = (0, _reactQuery.useQueries)({
     queries: inputs.map(input => _objectSpread({
-      queryKey: ["zarr", input.url, input.path, input.s],
+      queryKey: ['zarr', input.url, input.path, input.s],
       queryFn: () => fetchDataFromZarr(input.url, input.path, input.s, options),
       retry: (failureCount, _ref4) => {
         let {

package/dist/cjs/utils/Filter.js

@@ -151,7 +151,7 @@ const useFilter = data => {
   (0, _react.useEffect)(() => {
     if (!isPending && !serverError) {
       filterDataDispatch({
-        type: "set.obs.indices",
+        type: 'set.obs.indices',
         indices: isSliced ? filteredIndices : null,
         valueMin: valueMin,
         valueMax: valueMax,

package/dist/cjs/utils/Histogram.js

@@ -41,11 +41,11 @@ function Histogram(_ref) {
         },
         xAxis: {
           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 ? "]" : ")")
+          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: {
-            className: "feature-histogram-tooltip"
+            className: 'feature-histogram-tooltip'
           }
         }
       })

package/dist/cjs/utils/ImageViewer.js

@@ -11,11 +11,11 @@ const ImageViewer = _ref => {
   let {
     src,
     alt,
-    className = "img-fluid"
+    className = 'img-fluid'
   } = _ref;
   const [error, setError] = (0, _react.useState)(false);
   const handleError = () => {
-    console.error("Error loading image from src:", src);
+    console.error('Error loading image from src:', src);
     setError(true);
   };
   if (!error) {

package/dist/cjs/utils/Legend.js

@@ -20,7 +20,7 @@ function Legend(_ref) {
     min = 0,
     max = 1,
     colorscale = null,
-    addText = ""
+    addText = ''
   } = _ref;
   const settings = (0, _SettingsContext.useSettings)();
   const {

package/dist/cjs/utils/LoadingIndicators.js

@@ -25,7 +25,7 @@ exports.LoadingSpinner = LoadingSpinner;
 const LoadingLinear = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     sx: {
-      width: "100%"
+      width: '100%'
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {})
   });

package/dist/cjs/utils/Resolver.js

@@ -76,7 +76,7 @@ const useResolver = initSettings => {
   // all obs should be in initSettings.selectedObs and initSettings.labelObs
   const initObs = _lodash.default.uniqBy(_lodash.default.compact([initSettings.selectedObs, ..._lodash.default.map(initSettings.labelObs, o => ({
     name: o
-  }))]), "name");
+  }))]), 'name');
   const initObsNames = _lodash.default.map(initObs, o => o.name);
   const [obsParams] = (0, _react.useState)({
     url: dataset.url,
@@ -89,7 +89,7 @@ const useResolver = initSettings => {
     fetchedData: obsData,
     isPending: obsDataPending,
     serverError: obsDataError
-  } = (0, _requests.useFetch)("obs/cols", obsParams, {
+  } = (0, _requests.useFetch)('obs/cols', obsParams, {
     enabled: !!initObsNames.length
   });
 
@@ -106,7 +106,7 @@ const useResolver = initSettings => {
     fetchedData: varData,
     isPending: varDataPending,
     serverError: varDataError
-  } = (0, _requests.useFetch)("var/cols/names", varParams, {
+  } = (0, _requests.useFetch)('var/cols/names', varParams, {
     enabled: !!varParams.names.length
   });
 
@@ -119,7 +119,7 @@ const useResolver = initSettings => {
     fetchedData: pseudospatialData,
     isPending: pseudospatialDataPending,
     serverError: pseudospatialDataError
-  } = (0, _requests.useFetch)("masks", pseudospatialParams, {
+  } = (0, _requests.useFetch)('masks', pseudospatialParams, {
     enabled: pseudospatialEnabled,
     retry: false
   });
@@ -136,13 +136,13 @@ const useResolver = initSettings => {
       return;
     }
     if (obsDataError) {
-      console.error("Error fetching obs data:", obsDataError);
+      console.error('Error fetching obs data:', obsDataError);
     }
     if (varDataError) {
-      console.error("Error fetching var data:", varDataError);
+      console.error('Error fetching var data:', varDataError);
     }
     if (pseudospatialDataError) {
-      console.error("Error fetching pseudospatial masks data:", pseudospatialDataError);
+      console.error('Error fetching pseudospatial masks data:', pseudospatialDataError);
     }
     const data = {
       obs: obsData ? _lodash.default.fromPairs(_lodash.default.map(obsData, o => [o.name, o])) : {},

package/dist/cjs/utils/Skeleton.js

@@ -13,7 +13,7 @@ const ObsmKeysListBtn = () => {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Placeholder, {
       xs: 6,
       style: {
-        width: "40px"
+        width: '40px'
       }
     })
   });

package/dist/cjs/utils/StyledTooltip.js

@@ -30,15 +30,15 @@ const StyledTooltip = exports.StyledTooltip = (0, _material.styled)(_ref => {
   } = _ref2;
   return {
     ["& .".concat(_material.tooltipClasses.tooltip)]: {
-      backgroundColor: "#000",
-      color: "#fff",
+      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)"
+      whiteSpace: 'pre-line',
+      textAlign: 'center',
+      boxShadow: '0 0.25rem 0.75rem rgba(0, 0, 0, 0.1)'
     }
   };
 });

package/dist/cjs/utils/VirtualizedList.js

@@ -23,7 +23,7 @@ function VirtualizedList(_ref) {
       ItemComponent,
       estimateSize = () => 45,
       overscan = 25,
-      maxHeight = "65vh"
+      maxHeight = '65vh'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const [parentNode, setParentNode] = (0, _react.useState)(null);
@@ -43,23 +43,23 @@ function VirtualizedList(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: refCallback,
     style: {
-      overflowY: "auto",
+      overflowY: 'auto',
       maxHeight: maxHeight
     },
     className: "modern-scrollbars",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         height: "".concat(itemVirtualizer.getTotalSize(), "px"),
-        width: "100%",
-        position: "relative",
-        willChange: "transform"
+        width: '100%',
+        position: 'relative',
+        willChange: 'transform'
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
-          position: "absolute",
+          position: 'absolute',
           top: 0,
           left: 0,
-          width: "100%",
+          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__*/(0, _jsxRuntime.jsx)("div", {

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

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;