@haniffalab/cherita-react 1.2.0-dev.2025-05-21.e8f5ce54 → 1.2.0-dev.2025-05-21.6154c7e3

package/dist/esm/components/scatterplot/Scatterplot.js

@@ -1,3 +1,8 @@
+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 React, { useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
 import { ScatterplotLayer } from "@deck.gl/layers";
 import { DeckGL } from "@deck.gl/react";
@@ -29,6 +34,7 @@ const INITIAL_VIEW_STATE = {
   bearing: 0
 };
 export function Scatterplot(_ref) {
+  var _settings$selectedObs3, _features$features2, _obsmData$serverError, _xData$serverError, _obsData$serverError, _labelObsData$serverE, _settings$selectedVar, _settings$selectedObs4, _obsmData$data;
   let {
     radius = 30,
     setShowObs,
@@ -73,12 +79,12 @@ export function Scatterplot(_ref) {
 
   useEffect(() => {
     if (!obsmData.isPending && !obsmData.serverError) {
+      var _deckRef$current, _deckRef$current2;
       setIsRendering(true);
       setData(d => {
-        return {
-          ...d,
+        return _objectSpread(_objectSpread({}, d), {}, {
           positions: obsmData.data
-        };
+        });
       });
       const mapHelper = new MapHelper();
       const {
@@ -86,35 +92,34 @@ export function Scatterplot(_ref) {
         longitude,
         zoom
       } = mapHelper.fitBounds(obsmData.data, {
-        width: deckRef?.current?.deck?.width,
-        height: deckRef?.current?.deck?.height
+        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
       });
       setViewState(v => {
-        return {
-          ...v,
+        return _objectSpread(_objectSpread({}, v), {}, {
           longitude: longitude,
           latitude: latitude,
           zoom: zoom
-        };
+        });
       });
     } else if (!obsmData.isPending && obsmData.serverError) {
       setIsRendering(true);
       setData(d => {
-        return {
-          ...d,
+        return _objectSpread(_objectSpread({}, d), {}, {
           positions: []
-        };
+        });
       });
     }
   }, [settings.selectedObsm, obsmData.data, obsmData.isPending, obsmData.serverError]);
   const getBounds = useCallback(() => {
+    var _deckRef$current3, _deckRef$current4;
     const {
       latitude,
       longitude,
       zoom
     } = new MapHelper().fitBounds(data.positions, {
-      width: deckRef?.current?.deck?.width,
-      height: deckRef?.current?.deck?.height
+      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
     });
     return {
       latitude,
@@ -128,17 +133,15 @@ export function Scatterplot(_ref) {
       if (!xData.isPending && !xData.serverError) {
         // @TODO: add condition to check obs slicing
         setData(d => {
-          return {
-            ...d,
+          return _objectSpread(_objectSpread({}, d), {}, {
             values: xData.data
-          };
+          });
         });
       } else if (!xData.isPending && xData.serverError) {
         setData(d => {
-          return {
-            ...d,
+          return _objectSpread(_objectSpread({}, d), {}, {
             values: []
-          };
+          });
         });
       }
     }
@@ -148,44 +151,41 @@ export function Scatterplot(_ref) {
       setIsRendering(true);
       if (!obsData.isPending && !obsData.serverError) {
         setData(d => {
-          return {
-            ...d,
+          return _objectSpread(_objectSpread({}, d), {}, {
             values: obsData.data
-          };
+          });
         });
       } else if (!obsData.isPending && obsData.serverError) {
         setData(d => {
-          return {
-            ...d,
+          return _objectSpread(_objectSpread({}, d), {}, {
             values: []
-          };
+          });
         });
       }
     } else if (settings.colorEncoding === COLOR_ENCODINGS.VAR && settings.sliceBy.obs) {
       if (!obsData.isPending && !obsData.serverError) {
         setData(d => {
-          return {
-            ...d,
+          return _objectSpread(_objectSpread({}, d), {}, {
             sliceValues: obsData.data
-          };
+          });
         });
       } else if (!obsData.isPending && obsData.serverError) {
         setData(d => {
-          return {
-            ...d,
+          return _objectSpread(_objectSpread({}, d), {}, {
             sliceValues: []
-          };
+          });
         });
       }
     }
   }, [settings.colorEncoding, obsData.data, obsData.isPending, obsData.serverError, settings.sliceBy.obs]);
   const isCategorical = useMemo(() => {
     if (settings.colorEncoding === COLOR_ENCODINGS.OBS) {
-      return settings.selectedObs?.type === OBS_TYPES.CATEGORICAL || settings.selectedObs?.type === OBS_TYPES.BOOLEAN;
+      var _settings$selectedObs, _settings$selectedObs2;
+      return ((_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.type) === OBS_TYPES.CATEGORICAL || ((_settings$selectedObs2 = settings.selectedObs) === null || _settings$selectedObs2 === void 0 ? void 0 : _settings$selectedObs2.type) === OBS_TYPES.BOOLEAN;
     } else {
       return false;
     }
-  }, [settings.colorEncoding, settings.selectedObs?.type]);
+  }, [settings.colorEncoding, (_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.type]);
   useEffect(() => {
     dispatch({
       type: "set.controls.valueRange",
@@ -271,17 +271,18 @@ export function Scatterplot(_ref) {
   const layers = useDeferredValue(mode === ViewMode ? memoizedLayers.reverse() : memoizedLayers); // draw scatterplot on top of polygons when in ViewMode
 
   useEffect(() => {
-    if (!features?.features?.length) {
+    var _features$features;
+    if (!(features !== null && features !== void 0 && (_features$features = features.features) !== null && _features$features !== void 0 && _features$features.length)) {
       dispatch({
         type: "disable.slice.polygons"
       });
     }
-  }, [dispatch, features?.features?.length]);
+  }, [dispatch, features === null || features === void 0 || (_features$features2 = features.features) === null || _features$features2 === void 0 ? void 0 : _features$features2.length]);
   useEffect(() => {
     dispatch({
       type: "set.polygons",
       obsm: settings.selectedObsm,
-      polygons: features?.features || []
+      polygons: (features === null || features === void 0 ? void 0 : features.features) || []
     });
   }, [settings.selectedObsm, dispatch, features.features]);
   function onLayerClick(info) {
@@ -294,9 +295,9 @@ export function Scatterplot(_ref) {
   const getLabel = function (o, v) {
     let isVar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     if (isVar || o.type === OBS_TYPES.CONTINUOUS) {
-      return `${o.name}: ${formatNumerical(parseFloat(v))}`;
+      return "".concat(o.name, ": ").concat(formatNumerical(parseFloat(v)));
     } else {
-      return `${o.name}: ${o.codesMap[v]}`;
+      return "".concat(o.name, ": ").concat(o.codesMap[v]);
     }
   };
   const getTooltip = _ref5 => {
@@ -304,15 +305,17 @@ export function Scatterplot(_ref) {
       object,
       index
     } = _ref5;
-    if (!object || object?.type === "Feature") return;
+    if (!object || (object === null || object === void 0 ? void 0 : object.type) === "Feature") return;
     const text = [];
     if (settings.colorEncoding === COLOR_ENCODINGS.OBS && settings.selectedObs && !_.some(settings.labelObs, {
       name: settings.selectedObs.name
     })) {
-      text.push(getLabel(settings.selectedObs, obsData.data?.[index]));
+      var _obsData$data;
+      text.push(getLabel(settings.selectedObs, (_obsData$data = obsData.data) === null || _obsData$data === void 0 ? void 0 : _obsData$data[index]));
     }
     if (settings.colorEncoding === COLOR_ENCODINGS.VAR && settings.selectedVar) {
-      text.push(getLabel(settings.selectedVar, xData.data?.[index], true));
+      var _xData$data;
+      text.push(getLabel(settings.selectedVar, (_xData$data = xData.data) === null || _xData$data === void 0 ? void 0 : _xData$data[index], true));
     }
     if (settings.labelObs.length) {
       text.push(..._.map(labelObsData.data, (v, k) => {
@@ -326,16 +329,16 @@ export function Scatterplot(_ref) {
       text: text.length ? _.compact(text).join("\n") : null,
       className: grayOut ? "tooltip-grayout" : "deck-tooltip",
       style: !grayOut ? {
-        "border-left": `3px solid ${rgbToHex(getFillColor(null, {
+        "border-left": "3px solid ".concat(rgbToHex(getFillColor(null, {
           index
-        }))}`
+        })))
       } : {
         "border-left": "none"
       }
     };
   };
   const isPending = (isRendering || xData.isPending || obsmData.isPending) && !obsmData.isPending;
-  const error = settings.selectedObsm && obsmData.serverError?.length || settings.colorEncoding === COLOR_ENCODINGS.VAR && xData.serverError?.length || settings.colorEncoding === COLOR_ENCODINGS.OBS && obsData.serverError?.length || settings.labelObs.lengh && labelObsData.serverError?.length;
+  const error = settings.selectedObsm && ((_obsmData$serverError = obsmData.serverError) === null || _obsmData$serverError === void 0 ? void 0 : _obsmData$serverError.length) || settings.colorEncoding === COLOR_ENCODINGS.VAR && ((_xData$serverError = xData.serverError) === null || _xData$serverError === void 0 ? void 0 : _xData$serverError.length) || settings.colorEncoding === COLOR_ENCODINGS.OBS && ((_obsData$serverError = obsData.serverError) === null || _obsData$serverError === void 0 ? void 0 : _obsData$serverError.length) || settings.labelObs.lengh && ((_labelObsData$serverE = labelObsData.serverError) === null || _labelObsData$serverE === void 0 ? void 0 : _labelObsData$serverE.length);
   return /*#__PURE__*/React.createElement("div", {
     className: "cherita-container-scatterplot"
   }, /*#__PURE__*/React.createElement("div", {
@@ -369,12 +372,10 @@ export function Scatterplot(_ref) {
     setFeatures: setFeatures,
     selectedFeatureIndexes: selectedFeatureIndexes,
     resetBounds: () => setViewState(getBounds()),
-    increaseZoom: () => setViewState(v => ({
-      ...v,
+    increaseZoom: () => setViewState(v => _objectSpread(_objectSpread({}, v), {}, {
       zoom: v.zoom + 1
     })),
-    decreaseZoom: () => setViewState(v => ({
-      ...v,
+    decreaseZoom: () => setViewState(v => _objectSpread(_objectSpread({}, v), {}, {
       zoom: v.zoom - 1
     })),
     setShowObs: setShowObs,
@@ -389,8 +390,8 @@ export function Scatterplot(_ref) {
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faTriangleExclamation
   }), "\xA0Error loading data"), /*#__PURE__*/React.createElement(Toolbox, {
-    mode: settings.colorEncoding === COLOR_ENCODINGS.VAR ? settings.selectedVar?.name : settings.colorEncoding === COLOR_ENCODINGS.OBS ? settings.selectedObs?.name : null,
-    obsLength: parseInt(obsmData.data?.length),
+    mode: settings.colorEncoding === COLOR_ENCODINGS.VAR ? (_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name : settings.colorEncoding === COLOR_ENCODINGS.OBS ? (_settings$selectedObs4 = settings.selectedObs) === null || _settings$selectedObs4 === void 0 ? void 0 : _settings$selectedObs4.name : null,
+    obsLength: parseInt((_obsmData$data = obsmData.data) === null || _obsmData$data === void 0 ? void 0 : _obsmData$data.length),
     slicedLength: parseInt(slicedLength)
   })), /*#__PURE__*/React.createElement(Legend, {
     isCategorical: isCategorical,

package/dist/esm/components/scatterplot/ScatterplotControls.js

@@ -1,25 +1,15 @@
 import React, { useEffect } from "react";
 import { Box, Slider, Typography } from "@mui/material";
-import _ from "lodash";
-import { Dropdown } from "react-bootstrap";
-import { COLORSCALES } from "../../constants/colorscales";
+import { Form } from "react-bootstrap";
 import { COLOR_ENCODINGS, OBS_TYPES } from "../../constants/constants";
 import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
+import { ColorscaleSelect } from "../controls/Controls";
 export const ScatterplotControls = () => {
+  var _settings$selectedObs;
   const settings = useSettings();
   const dispatch = useSettingsDispatch();
   const [sliderValue, setSliderValue] = React.useState(settings.controls.range || [0, 1]);
-  const isCategorical = settings.colorEncoding === COLOR_ENCODINGS.OBS ? settings.selectedObs?.type === OBS_TYPES.CATEGORICAL : false;
-  const colormapList = _.keys(COLORSCALES).map(key => /*#__PURE__*/React.createElement(Dropdown.Item, {
-    key: key,
-    active: settings.controls.colorScale === key,
-    onClick: () => {
-      dispatch({
-        type: "set.controls.colorScale",
-        colorScale: key
-      });
-    }
-  }, key));
+  const isCategorical = settings.colorEncoding === COLOR_ENCODINGS.OBS ? ((_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.type) === OBS_TYPES.CATEGORICAL : false;
   const valueLabelFormat = value => {
     return (value * (settings.controls.valueRange[1] - settings.controls.valueRange[0]) + settings.controls.valueRange[0]).toFixed(2);
   };
@@ -48,7 +38,9 @@ export const ScatterplotControls = () => {
   }, /*#__PURE__*/React.createElement(Typography, {
     id: "colorscale-range",
     gutterBottom: true
-  }, "Colorscale range"), /*#__PURE__*/React.createElement(Slider, {
+  }, "Colorscale range"), /*#__PURE__*/React.createElement("div", {
+    className: "px-4"
+  }, /*#__PURE__*/React.createElement(Slider, {
     "aria-labelledby": "colorscale-range",
     min: 0,
     max: 1,
@@ -61,11 +53,8 @@ export const ScatterplotControls = () => {
     valueLabelFormat: valueLabelFormat,
     marks: marks,
     disabled: isCategorical
-  }));
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
-    id: "dropdownColorscale",
-    variant: "light"
-  }, settings.controls.colorScale), /*#__PURE__*/React.createElement(Dropdown.Menu, null, colormapList)), /*#__PURE__*/React.createElement("div", {
-    className: "m-4"
-  }, rangeSlider));
+  })));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(ColorscaleSelect, null), /*#__PURE__*/React.createElement(Form.Group, {
+    className: "mb-2"
+  }, rangeSlider)));
 };

package/dist/esm/components/scatterplot/SpatialControls.js

@@ -13,6 +13,7 @@ import { OffcanvasControls } from "../offcanvas";
 import { ScatterplotControls } from "./ScatterplotControls";
 import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
 export function SpatialControls(_ref) {
+  var _features$features;
   let {
     mode,
     setMode,
@@ -140,7 +141,7 @@ export function SpatialControls(_ref) {
     onSelect: onSelect
   }, /*#__PURE__*/React.createElement(Dropdown.Toggle, {
     id: "dropdown-autoclose-outside",
-    className: `caret-off ${mode === DrawPolygonByDraggingMode || mode === ModifyMode ? "active" : ""}`
+    className: "caret-off ".concat(mode === DrawPolygonByDraggingMode || mode === ModifyMode ? "active" : "")
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faDrawPolygon
   })), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Header, null, "Polygon tools"), /*#__PURE__*/React.createElement(Dropdown.Item, {
@@ -158,7 +159,7 @@ export function SpatialControls(_ref) {
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faTrash,
     className: "nav-icon"
-  }), "Delete polygons"))), !!features?.features?.length && polygonControls, /*#__PURE__*/React.createElement(Button, {
+  }), "Delete polygons"))), !!(features !== null && features !== void 0 && (_features$features = features.features) !== null && _features$features !== void 0 && _features$features.length) && polygonControls, /*#__PURE__*/React.createElement(Button, {
     onClick: handleShowControls
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faSliders

package/dist/esm/components/search-bar/SearchBar.js

@@ -1,3 +1,8 @@
+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 React, { useState } from "react";
 import CloseIcon from "@mui/icons-material/Close";
 import SearchIcon from "@mui/icons-material/Search";
@@ -111,9 +116,9 @@ export function SearchModal(_ref2) {
     className: "flex-column"
   }, searchVar && /*#__PURE__*/React.createElement(Nav.Item, null, /*#__PURE__*/React.createElement(Nav.Link, {
     eventKey: FEATURE_TYPE.VAR
-  }, "Genes", " ", !!varResultsLength && `(${varResultsLength})`)), searchDiseases && /*#__PURE__*/React.createElement(Nav.Item, null, /*#__PURE__*/React.createElement(Nav.Link, {
+  }, "Genes", " ", !!varResultsLength && "(".concat(varResultsLength, ")"))), searchDiseases && /*#__PURE__*/React.createElement(Nav.Item, null, /*#__PURE__*/React.createElement(Nav.Link, {
     eventKey: FEATURE_TYPE.DISEASE
-  }, "Diseases", " ", !!diseaseResultsLength && `(${diseaseResultsLength})`)))), /*#__PURE__*/React.createElement(Col, {
+  }, "Diseases", " ", !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")"))))), /*#__PURE__*/React.createElement(Col, {
     sm: 9,
     className: "py-3"
   }, /*#__PURE__*/React.createElement(Tab.Content, null, searchVar && /*#__PURE__*/React.createElement(Tab.Pane, {
@@ -123,10 +128,9 @@ export function SearchModal(_ref2) {
     handleSelect: handleSelect,
     selectedResult: selectedResult.var,
     setSelectedResult: item => setSelectedResult(prev => {
-      return {
-        ...prev,
+      return _objectSpread(_objectSpread({}, prev), {}, {
         var: item
-      };
+      });
     }),
     setResultsLength: setVarResultsLength
   })), searchDiseases && /*#__PURE__*/React.createElement(Tab.Pane, {
@@ -135,10 +139,9 @@ export function SearchModal(_ref2) {
     text: text,
     selectedResult: selectedResult.disease,
     setSelectedResult: item => setSelectedResult(prev => {
-      return {
-        ...prev,
+      return _objectSpread(_objectSpread({}, prev), {}, {
         disease: item
-      };
+      });
     }),
     setResultsLength: setDiseaseResultsLength
   }))))))), /*#__PURE__*/React.createElement(Col, {

package/dist/esm/components/search-bar/SearchInfo.js

@@ -1,3 +1,8 @@
+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 React, { useState, useEffect } from "react";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -20,10 +25,9 @@ export function VarInfo(_ref) {
   });
   useEffect(() => {
     setParams(p => {
-      return {
-        ...p,
+      return _objectSpread(_objectSpread({}, p), {}, {
         geneName: varItem.name
-      };
+      });
     });
   }, [varItem.name]);
   const {
@@ -34,7 +38,7 @@ export function VarInfo(_ref) {
     refetchOnMount: false,
     enabled: !!dataset.diseaseDatasets.length
   });
-  const hasDiseaseInfo = !isPending && !serverError && !!fetchedData?.length;
+  const hasDiseaseInfo = !isPending && !serverError && !!(fetchedData !== null && fetchedData !== void 0 && fetchedData.length);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h5", null, varItem.name), !!dataset.diseaseDatasets.length && isPending && /*#__PURE__*/React.createElement("p", null, "Loading..."), hasDiseaseInfo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h6", null, "Associated diseases"), /*#__PURE__*/React.createElement(VarDiseaseInfo, {
     data: fetchedData
   })));
@@ -54,13 +58,12 @@ const useVarMean = function (varKeys) {
   });
   useEffect(() => {
     setParams(p => {
-      return {
-        ...p,
+      return _objectSpread(_objectSpread({}, p), {}, {
         varKeys: _.map(varKeys, v => v.isSet ? {
           name: v.name,
           indices: v.vars.map(v => v.index)
         } : v.index)
-      };
+      });
     });
   }, [varKeys]);
   return useFetch(ENDPOINT, params, {
@@ -93,10 +96,9 @@ export function DiseaseInfo(_ref2) {
   });
   useEffect(() => {
     setParams(p => {
-      return {
-        ...p,
+      return _objectSpread(_objectSpread({}, p), {}, {
         diseaseId: disease.id
-      };
+      });
     });
   }, [disease]);
   const diseaseData = useFetch(ENDPOINT, params, {
@@ -108,7 +110,7 @@ export function DiseaseInfo(_ref2) {
       setDiseaseVars(diseaseData.fetchedData);
     }
   }, [diseaseData.fetchedData, diseaseData.isPending, diseaseData.serverError]);
-  const varMeans = useVarMean(diseaseVars, !!diseaseVars?.length && settings.varSort.disease.sort === VAR_SORT.MATRIX);
+  const varMeans = useVarMean(diseaseVars, !!(diseaseVars !== null && diseaseVars !== void 0 && diseaseVars.length) && settings.varSort.disease.sort === VAR_SORT.MATRIX);
   useEffect(() => {
     if (settings.varSort.disease.sort === VAR_SORT.MATRIX) {
       if (!varMeans.isPending && !varMeans.serverError) {

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

@@ -1,3 +1,8 @@
+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 React, { useDeferredValue, useEffect, useMemo, useState } from "react";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -30,10 +35,9 @@ export function VarSearchResults(_ref) {
     const setData = text => {
       if (text.length) {
         setParams(p => {
-          return {
-            ...p,
+          return _objectSpread(_objectSpread({}, p), {}, {
             text: text
-          };
+          });
         });
       } else {
         setSuggestions([]);
@@ -47,7 +51,7 @@ export function VarSearchResults(_ref) {
   useEffect(() => {
     if (!isPending && !serverError) {
       setSuggestions(fetchedData);
-      setResultsLength(fetchedData?.length);
+      setResultsLength(fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.length);
     }
   }, [fetchedData, isPending, serverError, setResultsLength]);
   const getDataAtIndex = index => deferredData[index];
@@ -58,7 +62,7 @@ export function VarSearchResults(_ref) {
     onClick: () => {
       setSelectedResult(item);
     },
-    active: selectedResult?.index === item.index
+    active: (selectedResult === null || selectedResult === void 0 ? void 0 : selectedResult.index) === item.index
   }, /*#__PURE__*/React.createElement("div", {
     className: "d-flex justify-content-between align-items-center w-100"
   }, /*#__PURE__*/React.createElement("div", null, item.name), /*#__PURE__*/React.createElement("div", {
@@ -80,7 +84,7 @@ export function VarSearchResults(_ref) {
   }, /*#__PURE__*/React.createElement(ListGroup, {
     variant: "flush",
     className: "cherita-list"
-  }, deferredData?.length ? /*#__PURE__*/React.createElement(VirtualizedList, {
+  }, deferredData !== null && deferredData !== void 0 && deferredData.length ? /*#__PURE__*/React.createElement(VirtualizedList, {
     getDataAtIndex: getDataAtIndex,
     count: deferredData.length,
     ItemComponent: ItemComponent,
@@ -115,10 +119,9 @@ export function DiseasesSearchResults(_ref2) {
     const setData = text => {
       if (text.length) {
         setParams(p => {
-          return {
-            ...p,
+          return _objectSpread(_objectSpread({}, p), {}, {
             text: text
-          };
+          });
         });
       } else {
         setSuggestions([]);
@@ -132,7 +135,7 @@ export function DiseasesSearchResults(_ref2) {
   useEffect(() => {
     if (!isPending && !serverError) {
       setSuggestions(fetchedData);
-      setResultsLength(fetchedData?.length);
+      setResultsLength(fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.length);
     }
   }, [fetchedData, isPending, serverError, setResultsLength]);
   const getDataAtIndex = index => deferredData[index];
@@ -143,7 +146,7 @@ export function DiseasesSearchResults(_ref2) {
     onClick: () => {
       setSelectedResult(item);
     },
-    active: selectedResult?.id === item.id
+    active: (selectedResult === null || selectedResult === void 0 ? void 0 : selectedResult.id) === item.id
   }, /*#__PURE__*/React.createElement("div", {
     className: "d-flex justify-content-between align-items-center w-100"
   }, /*#__PURE__*/React.createElement("div", null, item.disease_name)))));
@@ -152,7 +155,7 @@ export function DiseasesSearchResults(_ref2) {
   }, /*#__PURE__*/React.createElement(ListGroup, {
     variant: "flush",
     className: "cherita-list"
-  }, deferredData?.length ? /*#__PURE__*/React.createElement(VirtualizedList, {
+  }, deferredData !== null && deferredData !== void 0 && deferredData.length ? /*#__PURE__*/React.createElement(VirtualizedList, {
     getDataAtIndex: getDataAtIndex,
     count: deferredData.length,
     ItemComponent: ItemComponent,

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

@@ -1,4 +1,9 @@
 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); }
 import React, { useEffect, useState } from "react";
 import { faDroplet, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -31,10 +36,9 @@ function VarHistogram(_ref) {
   });
   useEffect(() => {
     setParams(p => {
-      return {
-        ...p,
+      return _objectSpread(_objectSpread({}, p), {}, {
         obsIndices: isSliced ? [...(obsIndices || [])] : null
-      };
+      });
     });
   }, [obsIndices, isSliced]);
   const {
@@ -107,9 +111,9 @@ export function SelectionItem(_ref3) {
     refetchOnMount: false,
     enabled: !!dataset.diseaseDatasets.length
   });
-  const hasDiseaseInfo = !isPending && !serverError && !!fetchedData?.length;
+  const hasDiseaseInfo = !isPending && !serverError && !!(fetchedData !== null && fetchedData !== void 0 && fetchedData.length);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: `d-flex justify-content-between ${hasDiseaseInfo ? "cursor-pointer" : ""}`,
+    className: "d-flex justify-content-between ".concat(hasDiseaseInfo ? "cursor-pointer" : ""),
     onClick: () => {
       setOpenInfo(o => !o);
     }

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

@@ -1,3 +1,8 @@
+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 React, { useEffect, useState } from "react";
 import { faTimes } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -27,13 +32,12 @@ const useVarMean = function (varKeys) {
   });
   useEffect(() => {
     setParams(p => {
-      return {
-        ...p,
+      return _objectSpread(_objectSpread({}, p), {}, {
         varKeys: _.map(varKeys, v => v.isSet ? {
           name: v.name,
           indices: v.vars.map(v => v.index)
         } : v.index)
-      };
+      });
     });
   }, [varKeys]);
   return useFetch(ENDPOINT, params, {
@@ -47,17 +51,19 @@ const sortMeans = (i, means) => {
   return means[i.name] || _.min(_.values(means)) - 1;
 };
 export function VarNamesList(_ref) {
+  var _settings$selectedVar, _settings$selectedVar2;
   let {
     mode = SELECTION_MODES.SINGLE,
     displayName = "genes"
   } = _ref;
   const settings = useSettings();
   const dispatch = useSettingsDispatch();
-  const [active, setActive] = useState(mode === SELECTION_MODES.SINGLE ? settings.selectedVar?.matrix_index || settings.selectedVar?.name : settings.selectedMultiVar.map(i => i.matrix_index || i.name));
+  const [active, setActive] = useState(mode === SELECTION_MODES.SINGLE ? ((_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.matrix_index) || ((_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.name) : settings.selectedMultiVar.map(i => i.matrix_index || i.name));
   const [sortedVars, setSortedVars] = useState([]);
   useEffect(() => {
     if (mode === SELECTION_MODES.SINGLE) {
-      setActive(settings.selectedVar?.matrix_index || settings.selectedVar?.name);
+      var _settings$selectedVar3, _settings$selectedVar4;
+      setActive(((_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.matrix_index) || ((_settings$selectedVar4 = settings.selectedVar) === null || _settings$selectedVar4 === void 0 ? void 0 : _settings$selectedVar4.name));
     }
   }, [mode, settings.selectedVar]);
   useEffect(() => {
@@ -108,13 +114,13 @@ export function VarNamesList(_ref) {
   });
   const newSetName = () => {
     let n = 1;
-    let setName = `Set ${n}`;
+    let setName = "Set ".concat(n);
     const nameExists = name => {
       return settings.vars.some(v => v.name === name);
     };
     while (nameExists(setName)) {
       n++;
-      setName = `Set ${n}`;
+      setName = "Set ".concat(n);
     }
     return setName;
   };