@haniffalab/cherita-react 0.2.0-dev.2024-09-26.1ea62883 → 0.2.0-dev.2024-10-16.42ace931

package/dist/components/scatterplot/Scatterplot.js

@@ -48,7 +48,6 @@ const meanData = (_i, data) => {
   });
 };
 function Scatterplot(_ref) {
-  var _dataset$selectedVar, _dataset$selectedVar2, _dataset$selectedVar3, _dataset$selectedObs, _dataset$selectedObs2, _dataset$selectedObs7, _dataset$selectedObs11, _dataset$selectedObs12, _dataset$selectedObs13, _dataset$selectedObs15, _features$features2, _obsmData$serverError, _xData$serverError, _obsData$serverError, _labelObsData$serverE, _obsmData$data;
   let {
     radius = 30
   } = _ref;
@@ -79,11 +78,11 @@ function Scatterplot(_ref) {
     url: dataset.url,
     path: "obsm/" + dataset.selectedObsm
   });
-  const [xParams, setXParams] = (0, _react.useState)(!dataset.selectedVar ? [] : !((_dataset$selectedVar = dataset.selectedVar) !== null && _dataset$selectedVar !== void 0 && _dataset$selectedVar.isSet) ? [{
+  const [xParams, setXParams] = (0, _react.useState)(!dataset.selectedVar ? [] : !dataset.selectedVar?.isSet ? [{
     url: dataset.url,
     path: "X",
-    s: [null, (_dataset$selectedVar2 = dataset.selectedVar) === null || _dataset$selectedVar2 === void 0 ? void 0 : _dataset$selectedVar2.matrix_index]
-  }] : _lodash.default.map((_dataset$selectedVar3 = dataset.selectedVar) === null || _dataset$selectedVar3 === void 0 ? void 0 : _dataset$selectedVar3.vars, v => {
+    s: [null, dataset.selectedVar?.matrix_index]
+  }] : _lodash.default.map(dataset.selectedVar?.vars, v => {
     return {
       url: dataset.url,
       path: "X",
@@ -92,7 +91,7 @@ function Scatterplot(_ref) {
   }));
   const [obsParams, setObsParams] = (0, _react.useState)({
     url: dataset.url,
-    path: "obs/" + ((_dataset$selectedObs = dataset.selectedObs) === null || _dataset$selectedObs === void 0 ? void 0 : _dataset$selectedObs.name) + (((_dataset$selectedObs2 = dataset.selectedObs) === null || _dataset$selectedObs2 === void 0 ? void 0 : _dataset$selectedObs2.type) === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
+    path: "obs/" + dataset.selectedObs?.name + (dataset.selectedObs?.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
   });
   const [labelObsParams, setLabelObsParams] = (0, _react.useState)([]);
   const obsmData = (0, _zarrHelper.useZarr)(obsmParams, null, _zarrHelper.GET_OPTIONS);
@@ -108,12 +107,11 @@ function Scatterplot(_ref) {
     });
   }, [dataset.selectedObsm]);
   (0, _react.useEffect)(() => {
-    var _dataset$selectedVar4, _dataset$selectedVar5, _dataset$selectedVar6;
-    setXParams(!dataset.selectedVar ? [] : !((_dataset$selectedVar4 = dataset.selectedVar) !== null && _dataset$selectedVar4 !== void 0 && _dataset$selectedVar4.isSet) ? [{
+    setXParams(!dataset.selectedVar ? [] : !dataset.selectedVar?.isSet ? [{
       url: dataset.url,
       path: "X",
-      s: [null, (_dataset$selectedVar5 = dataset.selectedVar) === null || _dataset$selectedVar5 === void 0 ? void 0 : _dataset$selectedVar5.matrix_index]
-    }] : _lodash.default.map((_dataset$selectedVar6 = dataset.selectedVar) === null || _dataset$selectedVar6 === void 0 ? void 0 : _dataset$selectedVar6.vars, v => {
+      s: [null, dataset.selectedVar?.matrix_index]
+    }] : _lodash.default.map(dataset.selectedVar?.vars, v => {
       return {
         url: dataset.url,
         path: "X",
@@ -123,10 +121,9 @@ function Scatterplot(_ref) {
   }, [dataset.selectedVar, dataset.url]);
   (0, _react.useEffect)(() => {
     setObsParams(p => {
-      var _dataset$selectedObs3, _dataset$selectedObs4;
       return {
         ...p,
-        path: "obs/" + ((_dataset$selectedObs3 = dataset.selectedObs) === null || _dataset$selectedObs3 === void 0 ? void 0 : _dataset$selectedObs3.name) + (((_dataset$selectedObs4 = dataset.selectedObs) === null || _dataset$selectedObs4 === void 0 ? void 0 : _dataset$selectedObs4.type) === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
+        path: "obs/" + dataset.selectedObs?.name + (dataset.selectedObs?.type === _constants.OBS_TYPES.CATEGORICAL ? "/codes" : "")
       };
     });
   }, [dataset.selectedObs]);
@@ -158,7 +155,6 @@ function Scatterplot(_ref) {
 
   (0, _react.useEffect)(() => {
     if (!obsmData.isPending && !obsmData.serverError) {
-      var _deckRef$current, _deckRef$current2;
       setIsRendering(true);
       setData(d => {
         return {
@@ -172,8 +168,8 @@ function Scatterplot(_ref) {
         longitude,
         zoom
       } = mapHelper.fitBounds(obsmData.data, {
-        width: deckRef === null || deckRef === void 0 || (_deckRef$current = deckRef.current) === null || _deckRef$current === void 0 || (_deckRef$current = _deckRef$current.deck) === null || _deckRef$current === void 0 ? void 0 : _deckRef$current.width,
-        height: deckRef === null || deckRef === void 0 || (_deckRef$current2 = deckRef.current) === null || _deckRef$current2 === void 0 || (_deckRef$current2 = _deckRef$current2.deck) === null || _deckRef$current2 === void 0 ? void 0 : _deckRef$current2.height
+        width: deckRef?.current?.deck?.width,
+        height: deckRef?.current?.deck?.height
       });
       setViewState(v => {
         return {
@@ -194,14 +190,13 @@ function Scatterplot(_ref) {
     }
   }, [dataset.selectedObsm, obsmData.data, obsmData.isPending, obsmData.serverError]);
   const getBounds = (0, _react.useCallback)(() => {
-    var _deckRef$current3, _deckRef$current4;
     const {
       latitude,
       longitude,
       zoom
     } = new _mapHelper.MapHelper().fitBounds(data.positions, {
-      width: deckRef === null || deckRef === void 0 || (_deckRef$current3 = deckRef.current) === null || _deckRef$current3 === void 0 || (_deckRef$current3 = _deckRef$current3.deck) === null || _deckRef$current3 === void 0 ? void 0 : _deckRef$current3.width,
-      height: deckRef === null || deckRef === void 0 || (_deckRef$current4 = deckRef.current) === null || _deckRef$current4 === void 0 || (_deckRef$current4 = _deckRef$current4.deck) === null || _deckRef$current4 === void 0 ? void 0 : _deckRef$current4.height
+      width: deckRef?.current?.deck?.width,
+      height: deckRef?.current?.deck?.height
     });
     return {
       latitude,
@@ -268,12 +263,11 @@ function Scatterplot(_ref) {
   }, [dataset.colorEncoding, obsData.data, obsData.isPending, obsData.serverError, dataset.sliceBy.obs]);
   const isCategorical = (0, _react.useMemo)(() => {
     if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
-      var _dataset$selectedObs5, _dataset$selectedObs6;
-      return ((_dataset$selectedObs5 = dataset.selectedObs) === null || _dataset$selectedObs5 === void 0 ? void 0 : _dataset$selectedObs5.type) === _constants.OBS_TYPES.CATEGORICAL || ((_dataset$selectedObs6 = dataset.selectedObs) === null || _dataset$selectedObs6 === void 0 ? void 0 : _dataset$selectedObs6.type) === _constants.OBS_TYPES.BOOLEAN;
+      return dataset.selectedObs?.type === _constants.OBS_TYPES.CATEGORICAL || dataset.selectedObs?.type === _constants.OBS_TYPES.BOOLEAN;
     } else {
       return false;
     }
-  }, [dataset.colorEncoding, (_dataset$selectedObs7 = dataset.selectedObs) === null || _dataset$selectedObs7 === void 0 ? void 0 : _dataset$selectedObs7.type]);
+  }, [dataset.colorEncoding, dataset.selectedObs?.type]);
   const isInBins = (v, binEdges, indices) => {
     const lastEdge = _lodash.default.last(binEdges);
     const allButLastEdges = _lodash.default.initial(binEdges);
@@ -284,12 +278,10 @@ function Scatterplot(_ref) {
     return _lodash.default.some(ranges, range => _lodash.default.inRange(v, ...range));
   };
   const isInSlice = (0, _react.useCallback)((index, values, positions) => {
-    var _dataset$selectedObs9, _dataset$selectedObs10;
     let inSlice = true;
     if (isCategorical && values) {
-      var _dataset$selectedObs8;
-      inSlice &= !_lodash.default.includes((_dataset$selectedObs8 = dataset.selectedObs) === null || _dataset$selectedObs8 === void 0 ? void 0 : _dataset$selectedObs8.omit, values[index]);
-    } else if ((dataset.sliceBy.obs || dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && ((_dataset$selectedObs9 = dataset.selectedObs) === null || _dataset$selectedObs9 === void 0 ? void 0 : _dataset$selectedObs9.type) === _constants.OBS_TYPES.CONTINUOUS) && !!((_dataset$selectedObs10 = dataset.selectedObs) !== null && _dataset$selectedObs10 !== void 0 && _dataset$selectedObs10.omit.length) && values) {
+      inSlice &= !_lodash.default.includes(dataset.selectedObs?.omit, values[index]);
+    } else if ((dataset.sliceBy.obs || dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && dataset.selectedObs?.type === _constants.OBS_TYPES.CONTINUOUS) && !!dataset.selectedObs?.omit.length && values) {
       if (dataset.selectedObs.type === _constants.OBS_TYPES.CATEGORICAL) {
         inSlice &= !_lodash.default.includes(dataset.selectedObs.omit, values[index]);
       } else if (dataset.selectedObs.type === _constants.OBS_TYPES.CONTINUOUS) {
@@ -301,12 +293,12 @@ function Scatterplot(_ref) {
       }
     }
     if (dataset.sliceBy.polygons && positions) {
-      inSlice &= _lodash.default.some(features === null || features === void 0 ? void 0 : features.features, (_f, i) => {
+      inSlice &= _lodash.default.some(features?.features, (_f, i) => {
         return (0, _turf.booleanPointInPolygon)((0, _turf.point)([positions[index][0], positions[index][1]]), features.features[i]);
       });
     }
     return inSlice;
-  }, [dataset.colorEncoding, (_dataset$selectedObs11 = dataset.selectedObs) === null || _dataset$selectedObs11 === void 0 || (_dataset$selectedObs11 = _dataset$selectedObs11.bins) === null || _dataset$selectedObs11 === void 0 ? void 0 : _dataset$selectedObs11.binEdges, (_dataset$selectedObs12 = dataset.selectedObs) === null || _dataset$selectedObs12 === void 0 ? void 0 : _dataset$selectedObs12.omit, (_dataset$selectedObs13 = dataset.selectedObs) === null || _dataset$selectedObs13 === void 0 ? void 0 : _dataset$selectedObs13.type, dataset.sliceBy.obs, dataset.sliceBy.polygons, features.features, isCategorical]);
+  }, [dataset.colorEncoding, dataset.selectedObs?.bins?.binEdges, dataset.selectedObs?.omit, dataset.selectedObs?.type, dataset.sliceBy.obs, dataset.sliceBy.polygons, features.features, isCategorical]);
   const {
     filteredIndices,
     valueMin,
@@ -334,8 +326,7 @@ function Scatterplot(_ref) {
         slicedLength: filtered.length
       };
     } else if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS) {
-      var _dataset$selectedObs14;
-      const isContinuous = ((_dataset$selectedObs14 = dataset.selectedObs) === null || _dataset$selectedObs14 === void 0 ? void 0 : _dataset$selectedObs14.type) === _constants.OBS_TYPES.CONTINUOUS;
+      const isContinuous = dataset.selectedObs?.type === _constants.OBS_TYPES.CONTINUOUS;
       const {
         filtered,
         filteredIndices
@@ -363,7 +354,7 @@ function Scatterplot(_ref) {
         slicedLength: data.values.length
       };
     }
-  }, [data.positions, data.sliceValues, data.values, dataset.colorEncoding, (_dataset$selectedObs15 = dataset.selectedObs) === null || _dataset$selectedObs15 === void 0 ? void 0 : _dataset$selectedObs15.type, isInSlice]);
+  }, [data.positions, data.sliceValues, data.values, dataset.colorEncoding, dataset.selectedObs?.type, isInSlice]);
   (0, _react.useEffect)(() => {
     filterDispatch({
       type: "set.obs.indices",
@@ -441,13 +432,12 @@ function Scatterplot(_ref) {
   const layers = (0, _react.useDeferredValue)(mode === _editModes.ViewMode ? memoizedLayers.reverse() : memoizedLayers); // draw scatterplot on top of polygons when in ViewMode
 
   (0, _react.useEffect)(() => {
-    var _features$features;
-    if (!(features !== null && features !== void 0 && (_features$features = features.features) !== null && _features$features !== void 0 && _features$features.length)) {
+    if (!features?.features?.length) {
       dispatch({
         type: "disable.slice.polygons"
       });
     }
-  }, [dispatch, features === null || features === void 0 || (_features$features2 = features.features) === null || _features$features2 === void 0 ? void 0 : _features$features2.length]);
+  }, [dispatch, features?.features?.length]);
   function onLayerClick(info) {
     if (mode !== _editModes.ViewMode) {
       // don't change selection while editing
@@ -458,9 +448,9 @@ function Scatterplot(_ref) {
   const getLabel = function (o, v) {
     let isVar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     if (isVar || o.type === _constants.OBS_TYPES.CONTINUOUS) {
-      return "".concat(o.name, ": ").concat((0, _string.prettyNumerical)(parseFloat(v)));
+      return `${o.name}: ${(0, _string.prettyNumerical)(parseFloat(v))}`;
     } else {
-      return "".concat(o.name, ": ").concat(o.codesMap[v]);
+      return `${o.name}: ${o.codesMap[v]}`;
     }
   };
   const getTooltip = _ref4 => {
@@ -473,12 +463,10 @@ function Scatterplot(_ref) {
     if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && dataset.selectedObs && !_lodash.default.some(dataset.labelObs, {
       name: dataset.selectedObs.name
     })) {
-      var _obsData$data;
-      text.push(getLabel(dataset.selectedObs, (_obsData$data = obsData.data) === null || _obsData$data === void 0 ? void 0 : _obsData$data[index]));
+      text.push(getLabel(dataset.selectedObs, obsData.data?.[index]));
     }
     if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR && dataset.selectedVar) {
-      var _xData$data;
-      text.push(getLabel(dataset.selectedVar, (_xData$data = xData.data) === null || _xData$data === void 0 ? void 0 : _xData$data[index], true));
+      text.push(getLabel(dataset.selectedVar, xData.data?.[index], true));
     }
     if (dataset.labelObs.length) {
       text.push(..._lodash.default.map(labelObsData.data, (v, k) => {
@@ -492,7 +480,7 @@ function Scatterplot(_ref) {
     };
   };
   const isPending = (isRendering || xData.isPending || obsmData.isPending) && !obsmData.isPending;
-  const error = dataset.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR && ((_xData$serverError = xData.serverError) === null || _xData$serverError === void 0 ? void 0 : _xData$serverError.length) || dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && ((_obsData$serverError = obsData.serverError) === null || _obsData$serverError === void 0 ? void 0 : _obsData$serverError.length) || dataset.labelObs.lengh && ((_labelObsData$serverE = labelObsData.serverError) === null || _labelObsData$serverE === void 0 ? void 0 : _labelObsData$serverE.length);
+  const error = dataset.selectedObsm && obsmData.serverError?.length || dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR && xData.serverError?.length || dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && obsData.serverError?.length || dataset.labelObs.lengh && labelObsData.serverError?.length;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "cherita-scatterplot",
     children: [obsmData.isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingSpinner, {
@@ -543,7 +531,7 @@ function Scatterplot(_ref) {
           }), "\xA0Error loading data"]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbox.Toolbox, {
           mode: dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? dataset.selectedVar.name : dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? dataset.selectedObs.name : null,
-          obsLength: parseInt((_obsmData$data = obsmData.data) === null || _obsmData$data === void 0 ? void 0 : _obsmData$data.length),
+          obsLength: parseInt(obsmData.data?.length),
           slicedLength: parseInt(slicedLength)
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Legend.Legend, {

package/dist/components/scatterplot/ScatterplotControls.js

@@ -16,11 +16,10 @@ 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 ScatterplotControls = () => {
-  var _dataset$selectedObs;
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const [sliderValue, setSliderValue] = _react.default.useState(dataset.controls.range || [0, 1]);
-  const isCategorical = dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? ((_dataset$selectedObs = dataset.selectedObs) === null || _dataset$selectedObs === void 0 ? void 0 : _dataset$selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL : false;
+  const isCategorical = dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS ? dataset.selectedObs?.type === _constants.OBS_TYPES.CATEGORICAL : false;
   const colormapList = _lodash.default.keys(_colorscales.COLORSCALES).map(key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
     active: dataset.controls.colorScale === key,
     onClick: () => {

package/dist/components/scatterplot/SpatialControls.js

@@ -15,13 +15,12 @@ var _Dropdown = _interopRequireDefault(require("react-bootstrap/Dropdown"));
 var _DropdownButton = _interopRequireDefault(require("react-bootstrap/DropdownButton"));
 var _ScatterplotControls = require("./ScatterplotControls");
 var _DatasetContext = require("../../context/DatasetContext");
-var _Offcanvas = require("../Offcanvas");
+var _offcanvas = require("../offcanvas");
 var _jsxRuntime = require("react/jsx-runtime");
 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 SpatialControls(_ref) {
-  var _features$features;
   let {
     mode,
     setMode,
@@ -163,7 +162,7 @@ function SpatialControls(_ref) {
           icon: _freeSolidSvgIcons.faSliders
         })
       })]
-    }), !!(features !== null && features !== void 0 && (_features$features = features.features) !== null && _features$features !== void 0 && _features$features.length) && polygonControls, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.OffcanvasControls, {
+    }), !!features?.features?.length && polygonControls, /*#__PURE__*/(0, _jsxRuntime.jsx)(_offcanvas.OffcanvasControls, {
       show: showControls,
       handleClose: handleCloseControls,
       Controls: _ScatterplotControls.ScatterplotControls

package/dist/components/search-bar/SearchResults.js

@@ -58,7 +58,7 @@ function VarSearchResults(_ref) {
     }
   }, [fetchedData, isPending, serverError, setShowSuggestions]);
   const suggestionsList = (0, _react.useMemo)(() => {
-    return deferredData === null || deferredData === void 0 ? void 0 : deferredData.map(item => {
+    return deferredData?.map(item => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
         as: "button",
         disabled: isStale,
@@ -80,7 +80,7 @@ function VarSearchResults(_ref) {
         maxHeight: "25vh",
         overflowY: "scroll"
       },
-      children: deferredData !== null && deferredData !== void 0 && deferredData.length ? suggestionsList : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
+      children: deferredData?.length ? suggestionsList : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
         as: "button",
         disabled: true,
         children: !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data"
@@ -130,7 +130,7 @@ function DiseasesSearchResults(_ref2) {
     }
   }, [fetchedData, isPending, serverError, setShowSuggestions]);
   const suggestionsList = (0, _react.useMemo)(() => {
-    return deferredData === null || deferredData === void 0 ? void 0 : deferredData.map(item => {
+    return deferredData?.map(item => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
         as: "button",
         disabled: isStale,
@@ -156,7 +156,7 @@ function DiseasesSearchResults(_ref2) {
         maxHeight: "25vh",
         overflowY: "scroll"
       },
-      children: deferredData !== null && deferredData !== void 0 && deferredData.length ? suggestionsList : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
+      children: deferredData?.length ? suggestionsList : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
         as: "button",
         disabled: true,
         children: !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data"

package/dist/components/var-list/VarItem.js

@@ -25,7 +25,6 @@ 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 VarHistogram(_ref) {
-  var _fetchedData$bin_edge;
   let {
     item
   } = _ref;
@@ -73,11 +72,11 @@ function VarHistogram(_ref) {
           let {
             dataIndex
           } = _ref2;
-          return "".concat((0, _string.prettyNumerical)(fetchedData.hist[dataIndex]));
+          return `${(0, _string.prettyNumerical)(fetchedData.hist[dataIndex])}`;
         },
         xAxis: {
-          data: _lodash.default.range((_fetchedData$bin_edge = fetchedData.bin_edges) === null || _fetchedData$bin_edge === void 0 ? void 0 : _fetchedData$bin_edge.length) || null,
-          valueFormatter: v => "Bin [".concat((0, _string.prettyNumerical)(fetchedData.bin_edges[v][0]), ", ").concat((0, _string.prettyNumerical)(fetchedData.bin_edges[v][1])).concat(v === fetchedData.bin_edges.length - 1 ? "]" : ")")
+          data: _lodash.default.range(fetchedData.bin_edges?.length) || null,
+          valueFormatter: v => `Bin [${(0, _string.prettyNumerical)(fetchedData.bin_edges[v][0])}, ${(0, _string.prettyNumerical)(fetchedData.bin_edges[v][1])}${v === fetchedData.bin_edges.length - 1 ? "]" : ")"}`
         },
         slotProps: {
           popper: {
@@ -89,7 +88,6 @@ function VarHistogram(_ref) {
   });
 }
 function VarDiseaseInfoItem(item) {
-  var _item$metadata;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
     className: "feature-disease-info",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -108,7 +106,7 @@ function VarDiseaseInfoItem(item) {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
               children: item.organs.map(o => o.name).join(", ")
             })]
-          }), !!((_item$metadata = item.metadata) !== null && _item$metadata !== void 0 && _item$metadata.length) && item.metadata.map(m => {
+          }), !!item.metadata?.length && item.metadata.map(m => {
             return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
                 children: m.key
@@ -164,7 +162,7 @@ function SingleSelectionItem(_ref4) {
   const hasDiseaseInfo = !isPending && !serverError && !!fetchedData.length;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "d-flex justify-content-between ".concat(hasDiseaseInfo ? "cursor-pointer" : ""),
+      className: `d-flex justify-content-between ${hasDiseaseInfo ? "cursor-pointer" : ""}`,
       onClick: () => {
         setOpenInfo(o => !o);
       },

package/dist/components/var-list/VarList.js

@@ -18,7 +18,6 @@ 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 DiseaseVarList(_ref) {
-  var _dataset$selectedDise, _dataset$selectedDise3;
   let {
     makeListItem
   } = _ref;
@@ -29,15 +28,14 @@ function DiseaseVarList(_ref) {
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url,
     col: dataset.varNamesCol,
-    diseaseId: (_dataset$selectedDise = dataset.selectedDisease) === null || _dataset$selectedDise === void 0 ? void 0 : _dataset$selectedDise.id,
+    diseaseId: dataset.selectedDisease?.id,
     diseaseDatasets: dataset.diseaseDatasets
   });
   (0, _react.useEffect)(() => {
     setParams(p => {
-      var _dataset$selectedDise2;
       return {
         ...p,
-        diseaseId: (_dataset$selectedDise2 = dataset.selectedDisease) === null || _dataset$selectedDise2 === void 0 ? void 0 : _dataset$selectedDise2.id
+        diseaseId: dataset.selectedDisease?.id
       };
     });
   }, [dataset.selectedDisease]);
@@ -75,7 +73,7 @@ function DiseaseVarList(_ref) {
           children: "clear"
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: (_dataset$selectedDise3 = dataset.selectedDisease) === null || _dataset$selectedDise3 === void 0 ? void 0 : _dataset$selectedDise3.name
+        children: dataset.selectedDisease?.name
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup, {
         children: diseaseVarList
       })]
@@ -83,7 +81,6 @@ function DiseaseVarList(_ref) {
   });
 }
 function VarNamesList(_ref2) {
-  var _dataset$selectedVar, _dataset$selectedVar2, _dataset$selectedVar6, _dataset$selectedVar7;
   let {
     mode = _constants.SELECTION_MODES.SINGLE,
     displayName = "genes",
@@ -92,10 +89,9 @@ function VarNamesList(_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]);
-  const [active, setActive] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? ((_dataset$selectedVar = dataset.selectedVar) === null || _dataset$selectedVar === void 0 ? void 0 : _dataset$selectedVar.matrix_index) || ((_dataset$selectedVar2 = dataset.selectedVar) === null || _dataset$selectedVar2 === void 0 ? void 0 : _dataset$selectedVar2.name) : dataset.selectedMultiVar.map(i => i.matrix_index || i.name));
+  const [active, setActive] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? dataset.selectedVar?.matrix_index || dataset.selectedVar?.name : dataset.selectedMultiVar.map(i => i.matrix_index || i.name));
   (0, _react.useEffect)(() => {
     if (mode === _constants.SELECTION_MODES.SINGLE) {
-      var _dataset$selectedVar3, _dataset$selectedVar4;
       setVarButtons(v => {
         if (dataset.selectedVar) {
           return _lodash.default.unionWith(v, [dataset.selectedVar], _lodash.default.isEqual);
@@ -103,7 +99,7 @@ function VarNamesList(_ref2) {
           return v;
         }
       });
-      setActive(((_dataset$selectedVar3 = dataset.selectedVar) === null || _dataset$selectedVar3 === void 0 ? void 0 : _dataset$selectedVar3.matrix_index) || ((_dataset$selectedVar4 = dataset.selectedVar) === null || _dataset$selectedVar4 === void 0 ? void 0 : _dataset$selectedVar4.name));
+      setActive(dataset.selectedVar?.matrix_index || dataset.selectedVar?.name);
     }
   }, [mode, dataset.selectedVar]);
   (0, _react.useEffect)(() => {
@@ -129,8 +125,7 @@ function VarNamesList(_ref2) {
       return [...updated, ...newSets];
     });
     if (mode === _constants.SELECTION_MODES.SINGLE) {
-      var _dataset$selectedVar5;
-      if ((_dataset$selectedVar5 = dataset.selectedVar) !== null && _dataset$selectedVar5 !== void 0 && _dataset$selectedVar5.isSet) {
+      if (dataset.selectedVar?.isSet) {
         const selectedSet = dataset.varSets.find(s => s.name === dataset.selectedVar.name);
         dispatch({
           type: "select.var",
@@ -143,7 +138,7 @@ function VarNamesList(_ref2) {
         vars: dataset.varSets
       });
     }
-  }, [mode, dataset.varSets, (_dataset$selectedVar6 = dataset.selectedVar) === null || _dataset$selectedVar6 === void 0 ? void 0 : _dataset$selectedVar6.isSet, (_dataset$selectedVar7 = dataset.selectedVar) === null || _dataset$selectedVar7 === void 0 ? void 0 : _dataset$selectedVar7.name, dispatch]);
+  }, [mode, dataset.varSets, dataset.selectedVar?.isSet, dataset.selectedVar?.name, dispatch]);
   const makeListItem = function (item) {
     let isDiseaseGene = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
@@ -174,13 +169,13 @@ function VarNamesList(_ref2) {
   });
   const newSetName = () => {
     let n = 1;
-    let setName = "Set ".concat(n);
+    let setName = `Set ${n}`;
     const setNameExists = name => {
       return dataset.varSets.some(set => set.name === name);
     };
     while (setNameExists(setName)) {
       n++;
-      setName = "Set ".concat(n);
+      setName = `Set ${n}`;
     }
     return setName;
   };

package/dist/components/var-list/VarSet.js

@@ -61,7 +61,15 @@ function SingleSelectionSet(_ref) {
           children: set.name
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "d-flex align-items-center gap-1",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.List, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
+            placement: "top",
+            overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+              children: "This set represents the mean value of its features"
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+              icon: _freeSolidSvgIcons.faCircleInfo
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.List, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
             type: "button",
             variant: isActive ? "primary" : "outline-primary",
             className: "m-0 p-0 px-1",

package/dist/components/violin/Violin.js

@@ -19,7 +19,6 @@ 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(_ref) {
-  var _dataset$selectedVar, _dataset$selectedVar2, _dataset$selectedVar3, _dataset$selectedVar4, _dataset$selectedObs, _dataset$selectedObs2, _dataset$selectedObs3;
   let {
     mode = _constants.VIOLIN_MODES.MULTIKEY
   } = _ref;
@@ -42,15 +41,12 @@ function Violin(_ref) {
         obsKeys: [] // @TODO: implement
       },
       [_constants.VIOLIN_MODES.GROUPBY]: {
-        varKey: (_dataset$selectedVar = dataset.selectedVar) !== null && _dataset$selectedVar !== void 0 && _dataset$selectedVar.isSet ? {
-          name: (_dataset$selectedVar2 = dataset.selectedVar) === null || _dataset$selectedVar2 === void 0 ? void 0 : _dataset$selectedVar2.name,
-          indices: (_dataset$selectedVar3 = dataset.selectedVar) === null || _dataset$selectedVar3 === void 0 ? void 0 : _dataset$selectedVar3.vars.map(v => v.index)
-        } : (_dataset$selectedVar4 = dataset.selectedVar) === null || _dataset$selectedVar4 === void 0 ? void 0 : _dataset$selectedVar4.index,
+        varKey: dataset.selectedVar?.isSet ? {
+          name: dataset.selectedVar?.name,
+          indices: dataset.selectedVar?.vars.map(v => v.index)
+        } : dataset.selectedVar?.index,
         obsCol: dataset.selectedObs,
-        obsValues: !((_dataset$selectedObs = dataset.selectedObs) !== null && _dataset$selectedObs !== void 0 && _dataset$selectedObs.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_dataset$selectedObs2 = dataset.selectedObs) === null || _dataset$selectedObs2 === void 0 ? void 0 : _dataset$selectedObs2.codes), (_dataset$selectedObs3 = dataset.selectedObs) === null || _dataset$selectedObs3 === void 0 ? void 0 : _dataset$selectedObs3.omit).map(c => {
-          var _dataset$selectedObs4;
-          return (_dataset$selectedObs4 = dataset.selectedObs) === null || _dataset$selectedObs4 === void 0 ? void 0 : _dataset$selectedObs4.codesMap[c];
-        })
+        obsValues: !dataset.selectedObs?.omit.length ? null : _lodash.default.difference(_lodash.default.values(dataset.selectedObs?.codes), dataset.selectedObs?.omit).map(c => dataset.selectedObs?.codesMap[c])
       }
     }[mode]
   });
@@ -83,20 +79,16 @@ function Violin(_ref) {
         setHasSelections(false);
       }
       setParams(p => {
-        var _dataset$selectedVar5, _dataset$selectedVar6, _dataset$selectedVar7, _dataset$selectedVar8, _dataset$selectedObs5, _dataset$selectedObs6, _dataset$selectedObs7;
         return {
           ...p,
           url: dataset.url,
           mode: mode,
-          varKey: (_dataset$selectedVar5 = dataset.selectedVar) !== null && _dataset$selectedVar5 !== void 0 && _dataset$selectedVar5.isSet ? {
-            name: (_dataset$selectedVar6 = dataset.selectedVar) === null || _dataset$selectedVar6 === void 0 ? void 0 : _dataset$selectedVar6.name,
-            indices: (_dataset$selectedVar7 = dataset.selectedVar) === null || _dataset$selectedVar7 === void 0 ? void 0 : _dataset$selectedVar7.vars.map(v => v.index)
-          } : (_dataset$selectedVar8 = dataset.selectedVar) === null || _dataset$selectedVar8 === void 0 ? void 0 : _dataset$selectedVar8.index,
+          varKey: dataset.selectedVar?.isSet ? {
+            name: dataset.selectedVar?.name,
+            indices: dataset.selectedVar?.vars.map(v => v.index)
+          } : dataset.selectedVar?.index,
           obsCol: dataset.selectedObs,
-          obsValues: !((_dataset$selectedObs5 = dataset.selectedObs) !== null && _dataset$selectedObs5 !== void 0 && _dataset$selectedObs5.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_dataset$selectedObs6 = dataset.selectedObs) === null || _dataset$selectedObs6 === void 0 ? void 0 : _dataset$selectedObs6.codes), (_dataset$selectedObs7 = dataset.selectedObs) === null || _dataset$selectedObs7 === void 0 ? void 0 : _dataset$selectedObs7.omit).map(c => {
-            var _dataset$selectedObs8;
-            return (_dataset$selectedObs8 = dataset.selectedObs) === null || _dataset$selectedObs8 === void 0 ? void 0 : _dataset$selectedObs8.codesMap[c];
-          }),
+          obsValues: !dataset.selectedObs?.omit.length ? null : _lodash.default.difference(_lodash.default.values(dataset.selectedObs?.codes), dataset.selectedObs?.omit).map(c => dataset.selectedObs?.codesMap[c]),
           scale: dataset.controls.scale.violinplot.value,
           varNamesCol: dataset.varNamesCol
         };
@@ -128,7 +120,7 @@ function Violin(_ref) {
             maxWidth: "100%",
             maxHeight: "100%"
           }
-        }), (fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.resampled) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Alert, {
+        }), fetchedData?.resampled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Alert, {
           variant: "warning",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
             children: "Warning:"

package/dist/context/DatasetContext.js

@@ -45,7 +45,7 @@ const persistOptions = {
         state
       } = _ref;
       if (state.status === "success") {
-        return persistKeys.includes(queryKey === null || queryKey === void 0 ? void 0 : queryKey[0]);
+        return persistKeys.includes(queryKey?.[0]);
       }
       return false;
     }
@@ -142,13 +142,12 @@ function datasetReducer(dataset, action) {
   switch (action.type) {
     case "select.obs":
       {
-        var _action$obs;
         return {
           ...dataset,
           selectedObs: action.obs,
           controls: {
             ...dataset.controls,
-            range: ((_action$obs = action.obs) === null || _action$obs === void 0 ? void 0 : _action$obs.type) === _constants.OBS_TYPES.CATEGORICAL ? [0, 1] : dataset.controls.range
+            range: action.obs?.type === _constants.OBS_TYPES.CATEGORICAL ? [0, 1] : dataset.controls.range
           },
           colorEncoding: dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !action.obs ? null : dataset.colorEncoding,
           sliceBy: {