@haniffalab/cherita-react 1.0.0-dev.2025-03-13.73606a74 → 1.0.0-dev.2025-03-13.274a553c

package/dist/{components → cjs/components}/full-page/FullPage.js

@@ -23,11 +23,12 @@ var _Violin = require("../violin/Violin");
 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 _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 FullPage({
-  children,
-  varMode = _constants.SELECTION_MODES.SINGLE,
-  ...props
-}) {
+function FullPage(_ref) {
+  let {
+    children,
+    varMode = _constants.SELECTION_MODES.SINGLE,
+    ...props
+  } = _ref;
   const appRef = (0, _react.useRef)();
   const [appDimensions, setAppDimensions] = (0, _react.useState)({
     width: 0,

package/dist/{components → cjs/components}/full-page/FullPagePseudospatial.js

@@ -21,11 +21,12 @@ var _SearchBar = require("../search-bar/SearchBar");
 var _VarList = require("../var-list/VarList");
 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 FullPage({
-  children,
-  varMode = _constants.SELECTION_MODES.SINGLE,
-  ...props
-}) {
+function FullPage(_ref) {
+  let {
+    children,
+    varMode = _constants.SELECTION_MODES.SINGLE,
+    ...props
+  } = _ref;
   const appRef = (0, _react.useRef)();
   const [appDimensions, setAppDimensions] = (0, _react.useState)({
     width: 0,

package/dist/{components → cjs/components}/obs-list/ObsItem.js

@@ -121,30 +121,31 @@ const useFilteredObsData = obs => {
     pct: pct
   };
 };
-function CategoricalItem({
-  value,
-  label,
-  code,
-  stats = {
-    value_counts: null,
-    pct: null
-  },
-  isOmitted,
-  min,
-  max,
-  onChange,
-  histogramData = {
-    data: null,
-    isPending: false,
-    altColor: false
-  },
-  filteredStats = {
-    value_counts: null,
-    pct: null
-  },
-  isSliced,
-  showColor = true
-}) {
+function CategoricalItem(_ref) {
+  let {
+    value,
+    label,
+    code,
+    stats = {
+      value_counts: null,
+      pct: null
+    },
+    isOmitted,
+    min,
+    max,
+    onChange,
+    histogramData = {
+      data: null,
+      isPending: false,
+      altColor: false
+    },
+    filteredStats = {
+      value_counts: null,
+      pct: null
+    },
+    isSliced,
+    showColor = true
+  } = _ref;
   const {
     getColor
   } = (0, _colorHelper.useColor)();
@@ -238,16 +239,17 @@ function CategoricalItem({
     })})`
   }))) : null)));
 }
-function CategoricalObs({
-  obs,
-  updateObs,
-  toggleAll,
-  toggleObs,
-  toggleLabel,
-  toggleSlice,
-  toggleColor,
-  showColor = true
-}) {
+function CategoricalObs(_ref2) {
+  let {
+    obs,
+    updateObs,
+    toggleAll,
+    toggleObs,
+    toggleLabel,
+    toggleSlice,
+    toggleColor,
+    showColor = true
+  } = _ref2;
   const dataset = (0, _DatasetContext.useDataset)();
   const {
     isSliced
@@ -321,9 +323,10 @@ function CategoricalObs({
     showColor: showColor
   }));
 }
-function ObsContinuousStats({
-  obs
-}) {
+function ObsContinuousStats(_ref3) {
+  let {
+    obs
+  } = _ref3;
   const ENDPOINT = "obs/distribution";
   const dataset = (0, _DatasetContext.useDataset)();
   const params = {
@@ -380,15 +383,16 @@ function ObsContinuousStats({
     }
   }))));
 }
-function ContinuousObs({
-  obs,
-  updateObs,
-  toggleAll,
-  toggleObs,
-  toggleLabel,
-  toggleSlice,
-  toggleColor
-}) {
+function ContinuousObs(_ref4) {
+  let {
+    obs,
+    updateObs,
+    toggleAll,
+    toggleObs,
+    toggleLabel,
+    toggleSlice,
+    toggleColor
+  } = _ref4;
   const ENDPOINT = "obs/bins";
   const dataset = (0, _DatasetContext.useDataset)();
   const {

package/dist/{components → cjs/components}/obs-list/ObsList.js

@@ -20,9 +20,10 @@ var _requests = require("../../utils/requests");
 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 ObsColsList({
-  showColor = true
-}) {
+function ObsColsList(_ref) {
+  let {
+    showColor = true
+  } = _ref;
   const ENDPOINT = "obs/cols";
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
@@ -178,10 +179,11 @@ function ObsColsList({
       });
     }
   };
-  function ObsAccordionToggle({
-    children,
-    eventKey
-  }) {
+  function ObsAccordionToggle(_ref2) {
+    let {
+      children,
+      eventKey
+    } = _ref2;
     const {
       activeEventKey
     } = (0, _react.useContext)(_AccordionContext.default);

package/dist/{components → cjs/components}/obs-list/ObsToolbar.js

@@ -12,17 +12,18 @@ var _reactBootstrap = require("react-bootstrap");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ObsToolbar({
-  item,
-  showToggleAllObs = true,
-  showLabel = true,
-  showSlice = true,
-  showColor = true,
-  onToggleAllObs,
-  onToggleLabel,
-  onToggleSlice,
-  onToggleColor
-}) {
+function ObsToolbar(_ref) {
+  let {
+    item,
+    showToggleAllObs = true,
+    showLabel = true,
+    showSlice = true,
+    showColor = true,
+    onToggleAllObs,
+    onToggleLabel,
+    onToggleSlice,
+    onToggleColor
+  } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
   const allToggledOn = !item.omit.length;
   const inLabelObs = _lodash.default.some(dataset.labelObs, i => i.name === item.name);

package/dist/{components → cjs/components}/offcanvas/index.js

@@ -15,11 +15,12 @@ var _ObsmList = require("../obsm-list/ObsmList");
 var _SearchBar = require("../search-bar/SearchBar");
 var _VarList = require("../var-list/VarList");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function OffcanvasObs({
-  show,
-  handleClose,
-  ...props
-}) {
+function OffcanvasObs(_ref) {
+  let {
+    show,
+    handleClose,
+    ...props
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
     show: show,
     onHide: handleClose,
@@ -31,10 +32,11 @@ function OffcanvasObs({
     className: "p-0"
   }, /*#__PURE__*/_react.default.createElement(_ObsList.ObsColsList, props)));
 }
-function OffcanvasObsm({
-  show,
-  handleClose
-}) {
+function OffcanvasObsm(_ref2) {
+  let {
+    show,
+    handleClose
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
     show: show,
     onHide: handleClose
@@ -42,11 +44,12 @@ function OffcanvasObsm({
     closeButton: true
   }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Title, null, "Embedding space")), /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Body, null, /*#__PURE__*/_react.default.createElement(_ObsmList.ObsmKeysList, null)));
 }
-function OffcanvasVars({
-  show,
-  handleClose,
-  mode = _constants.SELECTION_MODES.MULTIPLE
-}) {
+function OffcanvasVars(_ref3) {
+  let {
+    show,
+    handleClose,
+    mode = _constants.SELECTION_MODES.MULTIPLE
+  } = _ref3;
   return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
     show: show,
     onHide: handleClose
@@ -58,12 +61,13 @@ function OffcanvasVars({
     mode: mode
   })));
 }
-function OffcanvasControls({
-  show,
-  handleClose,
-  Controls,
-  ...props
-}) {
+function OffcanvasControls(_ref4) {
+  let {
+    show,
+    handleClose,
+    Controls,
+    ...props
+  } = _ref4;
   return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
     show: show,
     onHide: handleClose

package/dist/{components → cjs/components}/pseudospatial/Pseudospatial.js

@@ -76,14 +76,15 @@ function usePseudospatialData(plotType) {
     enabled: !!plotType && !!dataset.pseudospatial.maskSet
   });
 }
-function Pseudospatial({
-  showLegend = true,
-  sharedScaleRange = false,
-  height = 200,
-  setShowControls,
-  plotType,
-  setPlotType
-}) {
+function Pseudospatial(_ref) {
+  let {
+    showLegend = true,
+    sharedScaleRange = false,
+    height = 200,
+    setShowControls,
+    plotType,
+    setPlotType
+  } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
   const [data, setData] = (0, _react.useState)([]);
   const [layout, setLayout] = (0, _react.useState)({});

package/dist/{components → cjs/components}/pseudospatial/PseudospatialToolbar.js

@@ -122,9 +122,10 @@ function MaskSet() {
 }
 
 // @TODO: add colormap, colorbar slider
-function PseudospatialToolbar({
-  plotType
-}) {
+function PseudospatialToolbar(_ref) {
+  let {
+    plotType
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cherita-pseudospatial-toolbar"
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(MaskSet, null)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, null, plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.CATEGORICAL && /*#__PURE__*/_react.default.createElement(CategoricalMode, null)));

package/dist/{components → cjs/components}/scatterplot/Scatterplot.js

@@ -37,9 +37,10 @@ const INITIAL_VIEW_STATE = {
   pitch: 0,
   bearing: 0
 };
-function Scatterplot({
-  radius = 30
-}) {
+function Scatterplot(_ref) {
+  let {
+    radius = 30
+  } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
   const {
     obsIndices,
@@ -204,9 +205,10 @@ function Scatterplot({
     min: dataset.controls.range[0] * (valueMax - valueMin) + valueMin,
     max: dataset.controls.range[1] * (valueMax - valueMin) + valueMin
   };
-  const getFillColor = (0, _react.useCallback)((_d, {
-    index
-  }) => {
+  const getFillColor = (0, _react.useCallback)((_d, _ref2) => {
+    let {
+      index
+    } = _ref2;
     const grayOut = obsIndices && !obsIndices.has(index);
     return getColor({
       value: (data.values[index] - min) / (max - min),
@@ -216,9 +218,10 @@ function Scatterplot({
   }, [data.values, obsIndices, getColor, isCategorical, max, min]);
 
   // @TODO: add support for pseudospatial hover to reflect in radius
-  const getRadius = (0, _react.useCallback)((_d, {
-    index
-  }) => {
+  const getRadius = (0, _react.useCallback)((_d, _ref3) => {
+    let {
+      index
+    } = _ref3;
     const grayOut = obsIndices && !obsIndices.has(index);
     return grayOut ? 1 : 3;
   }, [obsIndices]);
@@ -241,11 +244,12 @@ function Scatterplot({
       data: features,
       mode: mode,
       selectedFeatureIndexes,
-      onEdit: ({
-        updatedData,
-        editType,
-        editContext
-      }) => {
+      onEdit: _ref4 => {
+        let {
+          updatedData,
+          editType,
+          editContext
+        } = _ref4;
         setFeatures(updatedData);
         let updatedSelectedFeatureIndexes = selectedFeatureIndexes;
         if (editType === "addFeature") {
@@ -293,17 +297,19 @@ function Scatterplot({
     }
     setSelectedFeatureIndexes(f => info.object ? info.layer.id === "cherita-layer-draw" ? [info.index] : f : []);
   }
-  const getLabel = (o, v, isVar = false) => {
+  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 `${o.name}: ${(0, _string.formatNumerical)(parseFloat(v))}`;
     } else {
       return `${o.name}: ${o.codesMap[v]}`;
     }
   };
-  const getTooltip = ({
-    object,
-    index
-  }) => {
+  const getTooltip = _ref5 => {
+    let {
+      object,
+      index
+    } = _ref5;
     if (!object || object?.type === "Feature") return;
     const text = [];
     if (dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && dataset.selectedObs && !_lodash.default.some(dataset.labelObs, {
@@ -355,9 +361,12 @@ function Scatterplot({
       setIsRendering(false);
     },
     useDevicePixels: false,
-    getCursor: ({
-      isDragging
-    }) => mode !== _editModes.ViewMode ? "crosshair" : isDragging ? "grabbing" : "grab",
+    getCursor: _ref6 => {
+      let {
+        isDragging
+      } = _ref6;
+      return mode !== _editModes.ViewMode ? "crosshair" : isDragging ? "grabbing" : "grab";
+    },
     ref: deckRef
   }), /*#__PURE__*/_react.default.createElement(_SpatialControls.SpatialControls, {
     mode: mode,

package/dist/{components → cjs/components}/scatterplot/SpatialControls.js

@@ -19,16 +19,17 @@ var _offcanvas = require("../offcanvas");
 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({
-  mode,
-  setMode,
-  features,
-  setFeatures,
-  selectedFeatureIndexes,
-  resetBounds,
-  increaseZoom,
-  decreaseZoom
-}) {
+function SpatialControls(_ref) {
+  let {
+    mode,
+    setMode,
+    features,
+    setFeatures,
+    selectedFeatureIndexes,
+    resetBounds,
+    increaseZoom,
+    decreaseZoom
+  } = _ref;
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const [showControls, setShowControls] = (0, _react.useState)(false);

package/dist/{components → cjs/components}/scatterplot/Toolbox.js

@@ -12,11 +12,12 @@ var _ButtonGroup = _interopRequireDefault(require("react-bootstrap/ButtonGroup")
 var _string = require("../../utils/string");
 var _ObsmList = require("../obsm-list/ObsmList");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Toolbox({
-  mode,
-  obsLength,
-  slicedLength
-}) {
+function Toolbox(_ref) {
+  let {
+    mode,
+    obsLength,
+    slicedLength
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cherita-toolbox"
   }, /*#__PURE__*/_react.default.createElement(_ButtonGroup.default, null, /*#__PURE__*/_react.default.createElement(_ObsmList.ObsmKeysList, null), /*#__PURE__*/_react.default.createElement(_Button.default, {

package/dist/{components → cjs/components}/search-bar/SearchBar.js

@@ -25,11 +25,12 @@ function onVarSelect(dispatch, item) {
     value: "var"
   });
 }
-function SearchBar({
-  searchVar = true,
-  searchDiseases = false,
-  handleSelect = onVarSelect
-}) {
+function SearchBar(_ref) {
+  let {
+    searchVar = true,
+    searchDiseases = false,
+    handleSelect = onVarSelect
+  } = _ref;
   const [showSuggestions, setShowSuggestions] = (0, _react.useState)(false);
   const [text, setText] = (0, _react.useState)("");
   const inputRef = (0, _react.useRef)(null);

package/dist/{components → cjs/components}/search-bar/SearchResults.js

@@ -13,11 +13,12 @@ var _search = require("../../utils/search");
 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 VarSearchResults({
-  text,
-  setShowSuggestions,
-  handleSelect
-}) {
+function VarSearchResults(_ref) {
+  let {
+    text,
+    setShowSuggestions,
+    handleSelect
+  } = _ref;
   const [suggestions, setSuggestions] = (0, _react.useState)([]);
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const {
@@ -71,20 +72,18 @@ function VarSearchResults({
     });
   }, [deferredData, dispatch, handleSelect, isStale, setShowSuggestions]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Header, null, "Features"), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      maxHeight: "25vh",
-      overflowY: "scroll"
-    }
+    className: "search-results"
   }, deferredData?.length ? suggestionsList : /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
     key: "empty",
     as: "button",
     disabled: true
   }, !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data")));
 }
-function DiseasesSearchResults({
-  text,
-  setShowSuggestions
-}) {
+function DiseasesSearchResults(_ref2) {
+  let {
+    text,
+    setShowSuggestions
+  } = _ref2;
   const [suggestions, setSuggestions] = (0, _react.useState)([]);
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const {
@@ -141,10 +140,7 @@ function DiseasesSearchResults({
     });
   }, [deferredData, dispatch, isStale, setShowSuggestions]);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Header, null, "Diseases"), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      maxHeight: "25vh",
-      overflowY: "scroll"
-    }
+    className: "search-results"
   }, deferredData?.length ? suggestionsList : /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
     key: "empty",
     as: "button",

package/dist/{components → cjs/components}/var-list/VarItem.js

@@ -20,9 +20,10 @@ var _VirtualizedList = require("../../utils/VirtualizedList");
 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({
-  item
-}) {
+function VarHistogram(_ref) {
+  let {
+    item
+  } = _ref;
   const ENDPOINT = "var/histograms";
   const dataset = (0, _DatasetContext.useDataset)();
   const {
@@ -80,9 +81,10 @@ function VarDiseaseInfoItem(item) {
     }
   })))));
 }
-function VarDiseaseInfo({
-  data
-}) {
+function VarDiseaseInfo(_ref2) {
+  let {
+    data
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, null, /*#__PURE__*/_react.default.createElement(_VirtualizedList.VirtualizedList, {
     getDataAtIndex: index => data[index],
     count: data.length,
@@ -91,15 +93,16 @@ function VarDiseaseInfo({
     ItemComponent: VarDiseaseInfoItem
   })));
 }
-function SingleSelectionItem({
-  item,
-  isActive,
-  selectVar,
-  removeVar,
-  isDiseaseGene = false,
-  showSetColorEncoding = true,
-  showRemove = true
-}) {
+function SingleSelectionItem(_ref3) {
+  let {
+    item,
+    isActive,
+    selectVar,
+    removeVar,
+    isDiseaseGene = false,
+    showSetColorEncoding = true,
+    showRemove = true
+  } = _ref3;
   const ENDPOINT = "disease/gene";
   const [openInfo, setOpenInfo] = (0, _react.useState)(false);
   const dataset = (0, _DatasetContext.useDataset)();
@@ -160,11 +163,12 @@ function SingleSelectionItem({
     data: fetchedData
   }))));
 }
-function MultipleSelectionItem({
-  item,
-  isActive,
-  toggleVar
-}) {
+function MultipleSelectionItem(_ref4) {
+  let {
+    item,
+    isActive,
+    toggleVar
+  } = _ref4;
   const isNotInData = item.matrix_index === -1;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex"
@@ -180,13 +184,14 @@ function MultipleSelectionItem({
     title: isNotInData ? "Not present in data" : item.name
   }, item.name))));
 }
-function VarItem({
-  item,
-  active,
-  setVarButtons,
-  mode = _constants.SELECTION_MODES.SINGLE,
-  isDiseaseGene = false
-}) {
+function VarItem(_ref5) {
+  let {
+    item,
+    active,
+    setVarButtons,
+    mode = _constants.SELECTION_MODES.SINGLE,
+    isDiseaseGene = false
+  } = _ref5;
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const selectVar = () => {