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

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

@@ -3,30 +3,30 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
-import { ScatterplotLayer } from "@deck.gl/layers";
-import { DeckGL } from "@deck.gl/react";
-import { faTriangleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { ViewMode } from "@nebula.gl/edit-modes";
-import { EditableGeoJsonLayer } from "@nebula.gl/layers";
-import _ from "lodash";
-import { Alert } from "react-bootstrap";
-import { COLOR_ENCODINGS, OBS_TYPES, SELECTED_POLYGON_FILLCOLOR, UNSELECTED_POLYGON_FILLCOLOR } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useFilteredData } from "../../context/FilterContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
-import { useZarrData } from "../../context/ZarrDataContext";
-import { rgbToHex, useColor } from "../../helpers/color-helper";
-import { MapHelper } from "../../helpers/map-helper";
-import { Legend } from "../../utils/Legend";
-import { LoadingLinear, LoadingSpinner } from "../../utils/LoadingIndicators";
-import { useSelectedObs } from "../../utils/Resolver";
-import { formatNumerical } from "../../utils/string";
-import { useLabelObsData } from "../../utils/zarrData";
-import { PlotAlert } from "../full-page/PlotAlert";
-import { SpatialControls } from "./SpatialControls";
-import { Toolbox } from "./Toolbox";
+import { useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from 'react';
+import { ScatterplotLayer } from '@deck.gl/layers';
+import { DeckGL } from '@deck.gl/react';
+import { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { ViewMode } from '@nebula.gl/edit-modes';
+import { EditableGeoJsonLayer } from '@nebula.gl/layers';
+import _ from 'lodash';
+import { Alert } from 'react-bootstrap';
+import { SpatialControls } from './SpatialControls';
+import { Toolbox } from './Toolbox';
+import { COLOR_ENCODINGS, OBS_TYPES, SELECTED_POLYGON_FILLCOLOR, UNSELECTED_POLYGON_FILLCOLOR } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useFilteredData } from '../../context/FilterContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
+import { useZarrData } from '../../context/ZarrDataContext';
+import { rgbToHex, useColor } from '../../helpers/color-helper';
+import { MapHelper } from '../../helpers/map-helper';
+import { Legend } from '../../utils/Legend';
+import { LoadingLinear, LoadingSpinner } from '../../utils/LoadingIndicators';
+import { useSelectedObs } from '../../utils/Resolver';
+import { formatNumerical } from '../../utils/string';
+import { useLabelObsData } from '../../utils/zarrData';
+import { PlotAlert } from '../full-page/PlotAlert';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 window.deck.log.level = 1;
 const INITIAL_VIEW_STATE = {
@@ -78,7 +78,7 @@ export function Scatterplot(_ref) {
   // EditableGeoJsonLayer
   const [mode, setMode] = useState(() => ViewMode);
   const [features, setFeatures] = useState({
-    type: "FeatureCollection",
+    type: 'FeatureCollection',
     features: settings.polygons[settings.selectedObsm] || []
   });
   const [selectedFeatureIndexes, setSelectedFeatureIndexes] = useState([]);
@@ -125,7 +125,7 @@ export function Scatterplot(_ref) {
         }
         if (!obsmData.serverError && obsmData.data) {
           if (obsmData.data[0].length !== 2) {
-            setCoordsError("Invalid coordinates. Expected 2D coordinates");
+            setCoordsError('Invalid coordinates. Expected 2D coordinates');
             return {
               positions: [],
               values: []
@@ -253,7 +253,7 @@ export function Scatterplot(_ref) {
   }, [sortedObsIndices]);
   const memoizedLayers = useMemo(() => {
     return [new ScatterplotLayer({
-      id: "cherita-layer-scatterplot",
+      id: 'cherita-layer-scatterplot',
       pickable: true,
       data: sortedData.positions,
       radiusScale: radiusScale,
@@ -266,7 +266,7 @@ export function Scatterplot(_ref) {
         getRadius: getRadius
       }
     }), new EditableGeoJsonLayer({
-      id: "cherita-layer-draw",
+      id: 'cherita-layer-draw',
       data: features,
       mode: mode,
       selectedFeatureIndexes,
@@ -278,7 +278,7 @@ export function Scatterplot(_ref) {
         } = _ref4;
         setFeatures(updatedData);
         let updatedSelectedFeatureIndexes = selectedFeatureIndexes;
-        if (editType === "addFeature") {
+        if (editType === 'addFeature') {
           const {
             featureIndexes
           } = editContext;
@@ -306,13 +306,13 @@ export function Scatterplot(_ref) {
     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"
+        type: 'disable.slice.polygons'
       });
     }
   }, [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",
+      type: 'set.polygons',
       obsm: settings.selectedObsm,
       polygons: (features === null || features === void 0 ? void 0 : features.features) || []
     });
@@ -322,7 +322,7 @@ export function Scatterplot(_ref) {
       // don't change selection while editing
       return;
     }
-    setSelectedFeatureIndexes(f => info.object ? info.layer.id === "cherita-layer-draw" ? [info.index] : f : []);
+    setSelectedFeatureIndexes(f => info.object ? info.layer.id === 'cherita-layer-draw' ? [info.index] : f : []);
   }
   const getLabel = function (o, v) {
     let isVar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -337,7 +337,7 @@ export function Scatterplot(_ref) {
       object,
       index
     } = _ref5;
-    if (!object || (object === null || object === void 0 ? void 0 : 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 && selectedObs && !_.includes(settings.labelObs, selectedObs.name)) {
       var _data$values;
@@ -356,14 +356,14 @@ export function Scatterplot(_ref) {
     if (!text.length) return;
     const grayOut = sortedObsIndices && !sortedObsIndices.has(index);
     return {
-      text: text.length ? _.compact(text).join("\n") : null,
-      className: grayOut ? "tooltip-grayout" : "deck-tooltip",
+      text: text.length ? _.compact(text).join('\n') : null,
+      className: grayOut ? 'tooltip-grayout' : 'deck-tooltip',
       style: !grayOut ? {
-        "border-left": "3px solid ".concat(rgbToHex(getFillColor(null, {
+        'border-left': "3px solid ".concat(rgbToHex(getFillColor(null, {
           index
         })))
       } : {
-        "border-left": "none"
+        'border-left': 'none'
       }
     };
   };
@@ -400,7 +400,7 @@ export function Scatterplot(_ref) {
           let {
             isDragging
           } = _ref6;
-          return mode !== ViewMode ? "crosshair" : isDragging ? "grabbing" : "grab";
+          return mode !== ViewMode ? 'crosshair' : isDragging ? 'grabbing' : 'grab';
         },
         ref: deckRef
       }), /*#__PURE__*/_jsx(SpatialControls, {

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

@@ -1,11 +1,11 @@
-import { useState, useEffect } from "react";
-import { Box, Slider, Typography } from "@mui/material";
-import { Form } from "react-bootstrap";
-import { COLOR_ENCODINGS, OBS_TYPES } from "../../constants/constants";
-import { useFilteredData } from "../../context/FilterContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
-import { useSelectedObs } from "../../utils/Resolver";
-import { ColorscaleSelect } from "../controls/Controls";
+import { useState, useEffect } from 'react';
+import { Box, Slider, Typography } from '@mui/material';
+import { Form } from 'react-bootstrap';
+import { COLOR_ENCODINGS, OBS_TYPES } from '../../constants/constants';
+import { useFilteredData } from '../../context/FilterContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
+import { useSelectedObs } from '../../utils/Resolver';
+import { ColorscaleSelect } from '../controls/Controls';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const ScatterplotControls = () => {
   const settings = useSettings();
@@ -33,7 +33,7 @@ export const ScatterplotControls = () => {
   const updateRange = (_e, value) => {
     setSliderValue(value);
     dispatch({
-      type: "set.controls.range",
+      type: 'set.controls.range',
       range: sliderValue
     });
   };

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

@@ -1,17 +1,17 @@
-import { useState } from "react";
-import { faCrosshairs, faDrawPolygon, faHand, faList, faMinus, faPen, faPlus, faSearch, faSliders, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { JoinInner } from "@mui/icons-material";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { DrawLineStringMode, DrawPolygonByDraggingMode, DrawPolygonMode, DrawRectangleMode, ModifyMode, ViewMode } from "@nebula.gl/edit-modes";
-import { OverlayTrigger, Tooltip } from "react-bootstrap";
-import Button from "react-bootstrap/Button";
-import ButtonGroup from "react-bootstrap/ButtonGroup";
-import Dropdown from "react-bootstrap/Dropdown";
-import { OffcanvasControls } from "../offcanvas";
-import { ScatterplotControls } from "./ScatterplotControls";
-import { BREAKPOINTS } from "../../constants/constants";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
+import { useState } from 'react';
+import { faCrosshairs, faDrawPolygon, faHand, faList, faMinus, faPen, faPlus, faSearch, faSliders, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { JoinInner } from '@mui/icons-material';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { DrawLineStringMode, DrawPolygonByDraggingMode, DrawPolygonMode, DrawRectangleMode, ModifyMode, ViewMode } from '@nebula.gl/edit-modes';
+import { OverlayTrigger, Tooltip } from 'react-bootstrap';
+import Button from 'react-bootstrap/Button';
+import ButtonGroup from 'react-bootstrap/ButtonGroup';
+import Dropdown from 'react-bootstrap/Dropdown';
+import { OffcanvasControls } from '../offcanvas';
+import { ScatterplotControls } from './ScatterplotControls';
+import { BREAKPOINTS } from '../../constants/constants';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function SpatialControls(_ref) {
   var _features$features;
@@ -39,19 +39,19 @@ export function SpatialControls(_ref) {
   const showVarsBtn = isFullscreen ? XlBreakpoint : true;
   const onSelect = (eventKey, event) => {
     switch (eventKey) {
-      case "DrawPolygonMode":
+      case 'DrawPolygonMode':
         setMode(() => DrawPolygonMode);
         break;
-      case "DrawLineStringMode":
+      case 'DrawLineStringMode':
         setMode(() => DrawLineStringMode);
         break;
-      case "DrawPolygonByDraggingMode":
+      case 'DrawPolygonByDraggingMode':
         setMode(() => DrawPolygonByDraggingMode);
         break;
-      case "DrawRectangleMode":
+      case 'DrawRectangleMode':
         setMode(() => DrawRectangleMode);
         break;
-      case "ModifyMode":
+      case 'ModifyMode':
         setMode(() => ModifyMode);
         break;
       default:
@@ -60,7 +60,7 @@ export function SpatialControls(_ref) {
   };
   const deleteFeatures = (_eventKey, _event) => {
     setFeatures({
-      type: "FeatureCollection",
+      type: 'FeatureCollection',
       features: []
     });
   };
@@ -71,7 +71,7 @@ export function SpatialControls(_ref) {
       onClick: () => {
         setMode(() => ViewMode);
         dispatch({
-          type: "toggle.slice.polygons"
+          type: 'toggle.slice.polygons'
         });
       },
       children: /*#__PURE__*/_jsx(JoinInner, {})
@@ -80,7 +80,7 @@ export function SpatialControls(_ref) {
       onClick: () => {
         const newFeatures = features.features.filter((_f, i) => !selectedFeatureIndexes.includes(i));
         setFeatures({
-          type: "FeatureCollection",
+          type: 'FeatureCollection',
           features: newFeatures
         });
       },
@@ -157,7 +157,7 @@ export function SpatialControls(_ref) {
         onSelect: onSelect,
         children: [/*#__PURE__*/_jsx(Dropdown.Toggle, {
           id: "dropdown-autoclose-outside",
-          className: "caret-off ".concat(mode === DrawPolygonByDraggingMode || mode === ModifyMode ? "active" : ""),
+          className: "caret-off ".concat(mode === DrawPolygonByDraggingMode || mode === ModifyMode ? 'active' : ''),
           children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
             icon: faDrawPolygon
           })

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

@@ -1,6 +1,6 @@
-import { Button, ButtonGroup, OverlayTrigger, Tooltip } from "react-bootstrap";
-import { formatNumerical } from "../../utils/string";
-import { ObsmKeysList } from "../obsm-list/ObsmList";
+import { Button, ButtonGroup, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import { formatNumerical } from '../../utils/string';
+import { ObsmKeysList } from '../obsm-list/ObsmList';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Toolbox(_ref) {
   let {
@@ -18,16 +18,16 @@ export function Toolbox(_ref) {
         placement: "top",
         overlay: /*#__PURE__*/_jsxs(Tooltip, {
           id: "tooltip-dropped-mode",
-          children: ["You have selected ", formatNumerical(slicedLength), " out of", " ", formatNumerical(obsLength), " cells"]
+          children: ["You have selected ", formatNumerical(slicedLength), " out of", ' ', formatNumerical(obsLength), " cells"]
         }),
         children: /*#__PURE__*/_jsxs(Button, {
           size: "sm",
           variant: "primary",
           style: {
-            cursor: "default"
+            cursor: 'default'
           },
           "aria-disabled": "true",
-          children: [formatNumerical(slicedLength), " of ", formatNumerical(obsLength), " ", "cells"]
+          children: [formatNumerical(slicedLength), " of ", formatNumerical(obsLength), ' ', "cells"]
         })
       }) : /*#__PURE__*/_jsx(OverlayTrigger, {
         placement: "top",
@@ -39,7 +39,7 @@ export function Toolbox(_ref) {
           size: "sm",
           variant: "primary",
           style: {
-            cursor: "default"
+            cursor: 'default'
           },
           "aria-disabled": "true",
           children: [formatNumerical(obsLength), " cells"]

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

@@ -3,38 +3,38 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useState } from "react";
-import CloseIcon from "@mui/icons-material/Close";
-import SearchIcon from "@mui/icons-material/Search";
-import _ from "lodash";
-import { Button, Form, FormGroup, InputGroup, Modal } from "react-bootstrap";
-import Col from "react-bootstrap/Col";
-import Container from "react-bootstrap/Container";
-import Nav from "react-bootstrap/Nav";
-import Row from "react-bootstrap/Row";
-import Tab from "react-bootstrap/Tab";
-import { DiseaseInfo, VarInfo } from "./SearchInfo";
-import { DiseasesSearchResults, VarSearchResults } from "./SearchResults";
-import { COLOR_ENCODINGS } from "../../constants/constants";
+import { useState } from 'react';
+import CloseIcon from '@mui/icons-material/Close';
+import SearchIcon from '@mui/icons-material/Search';
+import _ from 'lodash';
+import { Button, Form, FormGroup, InputGroup, Modal } from 'react-bootstrap';
+import Col from 'react-bootstrap/Col';
+import Container from 'react-bootstrap/Container';
+import Nav from 'react-bootstrap/Nav';
+import Row from 'react-bootstrap/Row';
+import Tab from 'react-bootstrap/Tab';
+import { DiseaseInfo, VarInfo } from './SearchInfo';
+import { DiseasesSearchResults, VarSearchResults } from './SearchResults';
+import { COLOR_ENCODINGS } from '../../constants/constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const select = (dispatch, item) => {
   dispatch({
-    type: "select.var",
+    type: 'select.var',
     var: item
   });
   dispatch({
-    type: "select.multivar",
+    type: 'select.multivar',
     var: item
   });
   dispatch({
-    type: "set.colorEncoding",
+    type: 'set.colorEncoding',
     value: COLOR_ENCODINGS.VAR
   });
 };
 const debounceSelect = _.debounce(select, 500);
 function onVarSelect(dispatch, item) {
   dispatch({
-    type: "add.var",
+    type: 'add.var',
     var: item
   });
   debounceSelect(dispatch, item);
@@ -45,7 +45,7 @@ function addVarSet(dispatch, _ref) {
     vars
   } = _ref;
   dispatch({
-    type: "add.var",
+    type: 'add.var',
     var: {
       name: name,
       vars: vars,
@@ -54,8 +54,8 @@ function addVarSet(dispatch, _ref) {
   });
 }
 const FEATURE_TYPE = {
-  VAR: "var",
-  DISEASE: "disease"
+  VAR: 'var',
+  DISEASE: 'disease'
 };
 export function SearchModal(_ref2) {
   let {
@@ -68,7 +68,7 @@ export function SearchModal(_ref2) {
     searchVar,
     searchDiseases
   } = _ref2;
-  const [tab, setTab] = useState("var");
+  const [tab, setTab] = useState('var');
   const [selectedResult, setSelectedResult] = useState({
     var: null,
     disease: null
@@ -99,7 +99,7 @@ export function SearchModal(_ref2) {
                     }), /*#__PURE__*/_jsx(Form.Control, {
                       autoFocus: true,
                       type: "text",
-                      placeholder: "Search " + displayText,
+                      placeholder: 'Search ' + displayText,
                       value: text,
                       onChange: e => {
                         setText(e.target.value);
@@ -143,12 +143,12 @@ export function SearchModal(_ref2) {
                     children: [searchVar && /*#__PURE__*/_jsx(Nav.Item, {
                       children: /*#__PURE__*/_jsxs(Nav.Link, {
                         eventKey: FEATURE_TYPE.VAR,
-                        children: ["Genes", " ", !!varResultsLength && "(".concat(varResultsLength, ")")]
+                        children: ["Genes", ' ', !!varResultsLength && "(".concat(varResultsLength, ")")]
                       })
                     }), searchDiseases && /*#__PURE__*/_jsx(Nav.Item, {
                       children: /*#__PURE__*/_jsxs(Nav.Link, {
                         eventKey: FEATURE_TYPE.DISEASE,
-                        children: ["Diseases", " ", !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")")]
+                        children: ["Diseases", ' ', !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")")]
                       })
                     })]
                   })
@@ -211,8 +211,8 @@ export function SearchBar(_ref3) {
     searchVar = true,
     searchDiseases = false
   } = _ref3;
-  const [text, setText] = useState("");
-  const displayText = [...(searchVar ? ["features"] : []), ...(searchDiseases ? ["diseases"] : [])].join(" and ");
+  const [text, setText] = useState('');
+  const displayText = [...(searchVar ? ['features'] : []), ...(searchDiseases ? ['diseases'] : [])].join(' and ');
   const [showModal, setShowModal] = useState(false);
   return /*#__PURE__*/_jsxs("div", {
     children: [/*#__PURE__*/_jsx(Form, {
@@ -226,7 +226,7 @@ export function SearchBar(_ref3) {
           }), /*#__PURE__*/_jsx(Form.Control, {
             onClick: () => setShowModal(true),
             type: "text",
-            placeholder: "Search " + displayText,
+            placeholder: 'Search ' + displayText,
             defaultValue: text
           })]
         })

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

@@ -3,23 +3,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useState, useEffect } from "react";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import _ from "lodash";
-import { Button, ListGroup } from "react-bootstrap";
-import { VAR_SORT } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
-import { useFetch } from "../../utils/requests";
-import { VarDiseaseInfo } from "../var-list/VarItem";
-import { sortMeans, useVarMean } from "../var-list/VarList";
+import { useState, useEffect } from 'react';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import _ from 'lodash';
+import { Button, ListGroup } from 'react-bootstrap';
+import { VAR_SORT } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
+import { useFetch } from '../../utils/requests';
+import { VarDiseaseInfo } from '../var-list/VarItem';
+import { sortMeans, useVarMean } from '../var-list/VarList';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function VarInfo(_ref) {
   let {
     varItem
   } = _ref;
-  const ENDPOINT = "disease/gene";
+  const ENDPOINT = 'disease/gene';
   const dataset = useDataset();
   const [params, setParams] = useState({
     geneName: varItem.name,
@@ -61,7 +61,7 @@ export function DiseaseInfo(_ref2) {
     handleSelect,
     addVarSet
   } = _ref2;
-  const ENDPOINT = "disease/genes";
+  const ENDPOINT = 'disease/genes';
   const dataset = useDataset();
   const settings = useSettings();
   const dispatch = useSettingsDispatch();
@@ -98,7 +98,7 @@ export function DiseaseInfo(_ref2) {
         }, settings.varSort.disease.sortOrder));
       }
     } else if (settings.varSort.disease.sort === VAR_SORT.NAME) {
-      setSortedDiseaseVars(_.orderBy(diseaseVars, "name", settings.varSort.disease.sortOrder));
+      setSortedDiseaseVars(_.orderBy(diseaseVars, 'name', settings.varSort.disease.sortOrder));
     } else {
       setSortedDiseaseVars(diseaseVars);
     }

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

@@ -3,14 +3,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useDeferredValue, useEffect, useMemo, useState } from "react";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import _ from "lodash";
-import { Button, ListGroup } from "react-bootstrap";
-import { useSettingsDispatch } from "../../context/SettingsContext";
-import { useDiseaseSearch, useVarSearch } from "../../utils/search";
-import { VirtualizedList } from "../../utils/VirtualizedList";
+import { useDeferredValue, useEffect, useMemo, useState } from 'react';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import _ from 'lodash';
+import { Button, ListGroup } from 'react-bootstrap';
+import { useSettingsDispatch } from '../../context/SettingsContext';
+import { useDiseaseSearch, useVarSearch } from '../../utils/search';
+import { VirtualizedList } from '../../utils/VirtualizedList';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function VarSearchResults(_ref) {
   let {
@@ -104,7 +104,7 @@ export function VarSearchResults(_ref) {
         }) : /*#__PURE__*/_jsx(ListGroup.Item, {
           as: "button",
           disabled: true,
-          children: !text.length ? "Search features" : !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data"
+          children: !text.length ? 'Search features' : !serverError ? isStale || isPending ? 'Loading...' : 'No items found' : 'Failed to fetch data'
         }, "empty")
       })
     })
@@ -185,7 +185,7 @@ export function DiseasesSearchResults(_ref2) {
         }) : /*#__PURE__*/_jsx(ListGroup.Item, {
           as: "button",
           disabled: true,
-          children: !text.length ? "Search diseases" : !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data"
+          children: !text.length ? 'Search diseases' : !serverError ? isStale || isPending ? 'Loading...' : 'No items found' : 'Failed to fetch data'
         }, "empty")
       })
     })

package/dist/esm/components/toolbar/Toolbar.js

@@ -1,6 +1,6 @@
-import { faList, faSearch, faSliders } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Container, Nav, Navbar } from "react-bootstrap";
+import { faList, faSearch, faSliders } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Container, Nav, Navbar } from 'react-bootstrap';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Toolbar = _ref => {
   let {
@@ -62,7 +62,7 @@ export const ObsPlotlyToolbar = _ref2 => {
     onClick
   } = _ref2;
   return {
-    name: "Categories",
+    name: 'Categories',
     icon: {
       width: 512,
       height: 512,
@@ -76,7 +76,7 @@ export const VarPlotlyToolbar = _ref3 => {
     onClick
   } = _ref3;
   return {
-    name: "Features",
+    name: 'Features',
     icon: {
       width: 512,
       height: 512,
@@ -90,7 +90,7 @@ export const ControlsPlotlyToolbar = _ref4 => {
     onClick
   } = _ref4;
   return {
-    name: "Controls",
+    name: 'Controls',
     icon: {
       width: 512,
       height: 512,