@haniffalab/cherita-react 1.4.1-dev.2025-10-23.3179e534 → 1.4.1-dev.2025-10-23.55fbe6ff

package/dist/esm/components/obs-list/ObsItem.js

@@ -3,24 +3,24 @@ 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, useEffect, useMemo, useState } from "react";
-import { Tooltip } from "@mui/material";
-import { Gauge, SparkLineChart } from "@mui/x-charts";
-import _ from "lodash";
-import { Badge, Form, ListGroup } from "react-bootstrap";
-import { ObsToolbar } from "./ObsToolbar";
-import { COLOR_ENCODINGS, OBS_TYPES } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useFilteredData } from "../../context/FilterContext";
-import { useSettings } from "../../context/SettingsContext";
-import { useColor } from "../../helpers/color-helper";
-import { Histogram } from "../../utils/Histogram";
-import { LoadingLinear } from "../../utils/LoadingIndicators";
-import { useFetch } from "../../utils/requests";
-import { useSelectedVar } from "../../utils/Resolver";
-import { formatNumerical, FORMATS } from "../../utils/string";
-import { VirtualizedList } from "../../utils/VirtualizedList";
-import { useObsData } from "../../utils/zarrData";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Tooltip } from '@mui/material';
+import { Gauge, SparkLineChart } from '@mui/x-charts';
+import _ from 'lodash';
+import { Badge, Form, ListGroup } from 'react-bootstrap';
+import { ObsToolbar } from './ObsToolbar';
+import { COLOR_ENCODINGS, OBS_TYPES } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useFilteredData } from '../../context/FilterContext';
+import { useSettings } from '../../context/SettingsContext';
+import { useColor } from '../../helpers/color-helper';
+import { Histogram } from '../../utils/Histogram';
+import { LoadingLinear } from '../../utils/LoadingIndicators';
+import { useFetch } from '../../utils/requests';
+import { useSelectedVar } from '../../utils/Resolver';
+import { formatNumerical, FORMATS } from '../../utils/string';
+import { VirtualizedList } from '../../utils/VirtualizedList';
+import { useObsData } from '../../utils/zarrData';
 
 // const N_BINS = 5;
 
@@ -43,13 +43,13 @@ import { useObsData } from "../../utils/zarrData";
 // }
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function getContinuousLabel(code, binEdges) {
-  return "[ ".concat(formatNumerical(binEdges[code][0]), ", ").concat(formatNumerical(binEdges[code][1], FORMATS.EXPONENTIAL)).concat(code === binEdges.length - 1 ? " ]" : " )");
+  return "[ ".concat(formatNumerical(binEdges[code][0]), ", ").concat(formatNumerical(binEdges[code][1], FORMATS.EXPONENTIAL)).concat(code === binEdges.length - 1 ? ' ]' : ' )');
 }
 const useObsHistogram = (obs, _ref) => {
   let {
     enabled = true
   } = _ref;
-  const ENDPOINT = "obs/histograms";
+  const ENDPOINT = 'obs/histograms';
   const dataset = useDataset();
   const settings = useSettings();
   const {
@@ -59,7 +59,7 @@ const useObsHistogram = (obs, _ref) => {
   const selectedVar = useSelectedVar();
   const [params, setParams] = useState({
     url: dataset.url,
-    obsCol: _.omit(obs, "omit"),
+    obsCol: _.omit(obs, 'omit'),
     // avoid re-rendering when toggling unselected obs
     varKey: selectedVar !== null && selectedVar !== void 0 && selectedVar.isSet ? {
       name: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name,
@@ -70,7 +70,7 @@ const useObsHistogram = (obs, _ref) => {
   useEffect(() => {
     setParams(p => {
       return _objectSpread(_objectSpread({}, p), {}, {
-        obsCol: _.omit(obs, "omit"),
+        obsCol: _.omit(obs, 'omit'),
         varKey: selectedVar !== null && selectedVar !== void 0 && selectedVar.isSet ? {
           name: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.name,
           indices: selectedVar === null || selectedVar === void 0 ? void 0 : selectedVar.vars.map(v => v.index)
@@ -188,7 +188,7 @@ function CategoricalItem(_ref2) {
             className: "pl-1 m-0",
             children: /*#__PURE__*/_jsx(Tooltip, {
               title: isSliced ? /*#__PURE__*/_jsxs(_Fragment, {
-                children: ["Filtered:", " ", formatNumerical(filteredStats.pct, FORMATS.EXPONENTIAL), "%", /*#__PURE__*/_jsx("br", {}), "Total: ", formatNumerical(stats.pct, FORMATS.EXPONENTIAL), "%"]
+                children: ["Filtered:", ' ', formatNumerical(filteredStats.pct, FORMATS.EXPONENTIAL), "%", /*#__PURE__*/_jsx("br", {}), "Total: ", formatNumerical(stats.pct, FORMATS.EXPONENTIAL), "%"]
               }) : "".concat(formatNumerical(stats.pct, FORMATS.EXPONENTIAL), "%"),
               placement: "left",
               arrow: true,
@@ -196,8 +196,8 @@ function CategoricalItem(_ref2) {
                 className: "d-flex align-items-center",
                 children: [/*#__PURE__*/_jsxs(Badge, {
                   className: "value-count-badge",
-                  children: [" ", isSliced && parseInt(filteredStats.value_counts) !== parseInt(stats.value_counts) && /*#__PURE__*/_jsxs(_Fragment, {
-                    children: [formatNumerical(parseInt(filteredStats.value_counts)), " ", "out of", " "]
+                  children: [' ', isSliced && parseInt(filteredStats.value_counts) !== parseInt(stats.value_counts) && /*#__PURE__*/_jsxs(_Fragment, {
+                    children: [formatNumerical(parseInt(filteredStats.value_counts)), ' ', "out of", ' ']
                   }), formatNumerical(parseInt(stats.value_counts), FORMATS.EXPONENTIAL)]
                 }), /*#__PURE__*/_jsx("div", {
                   className: "value-pct-gauge-container",
@@ -206,8 +206,8 @@ function CategoricalItem(_ref2) {
                       className: "pct-gauge filtered-pct-gauge",
                       value: filteredStats.pct,
                       text: null,
-                      innerRadius: "50%",
-                      outerRadius: "75%",
+                      innerRadius: '50%',
+                      outerRadius: '75%',
                       margin: {
                         top: 0,
                         right: 0,
@@ -218,7 +218,7 @@ function CategoricalItem(_ref2) {
                       className: "pct-gauge",
                       value: stats.pct,
                       text: null,
-                      innerRadius: "75%",
+                      innerRadius: '75%',
                       margin: {
                         top: 0,
                         right: 0,
@@ -229,7 +229,7 @@ function CategoricalItem(_ref2) {
                   }) : /*#__PURE__*/_jsx(Gauge, {
                     value: stats.pct,
                     text: null,
-                    innerRadius: "50%",
+                    innerRadius: '50%',
                     margin: {
                       top: 0,
                       right: 0,
@@ -260,7 +260,7 @@ function CategoricalItem(_ref2) {
                   grayParams: {
                     alpha: 1
                   },
-                  colorEncoding: "obs"
+                  colorEncoding: 'obs'
                 }, useUnsColors ? {
                   colorscale: colors
                 } : {})), ")")
@@ -350,7 +350,7 @@ function ObsContinuousStats(_ref4) {
   let {
     obs
   } = _ref4;
-  const ENDPOINT = "obs/distribution";
+  const ENDPOINT = 'obs/distribution';
   const dataset = useDataset();
   const params = {
     url: dataset.url,
@@ -394,7 +394,7 @@ function ObsContinuousStats(_ref4) {
             valueFormatter: v => "".concat(formatNumerical(v, FORMATS.EXPONENTIAL)),
             slotProps: {
               popper: {
-                className: "feature-histogram-tooltip"
+                className: 'feature-histogram-tooltip'
               }
             }
           })
@@ -405,28 +405,28 @@ function ObsContinuousStats(_ref4) {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/_jsx("span", {
             children: "Min"
-          }), " ", /*#__PURE__*/_jsx("span", {
+          }), ' ', /*#__PURE__*/_jsx("span", {
             children: formatNumerical(obs.min, FORMATS.EXPONENTIAL)
           })]
         }), /*#__PURE__*/_jsxs("div", {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/_jsx("span", {
             children: "Max"
-          }), " ", /*#__PURE__*/_jsx("span", {
+          }), ' ', /*#__PURE__*/_jsx("span", {
             children: formatNumerical(obs.max, FORMATS.EXPONENTIAL)
           })]
         }), /*#__PURE__*/_jsxs("div", {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/_jsx("span", {
             children: "Mean"
-          }), " ", /*#__PURE__*/_jsx("span", {
+          }), ' ', /*#__PURE__*/_jsx("span", {
             children: formatNumerical(obs.mean, FORMATS.EXPONENTIAL)
           })]
         }), /*#__PURE__*/_jsxs("div", {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/_jsx("span", {
             children: "Median"
-          }), " ", /*#__PURE__*/_jsx("span", {
+          }), ' ', /*#__PURE__*/_jsx("span", {
             children: formatNumerical(obs.median, FORMATS.EXPONENTIAL)
           })]
         })]
@@ -456,7 +456,7 @@ export function ContinuousObs(_ref5) {
   const filteredObsData = useFilteredObsData(obs);
   const enabledHistograms = useMemo(() => showHistograms && settings.colorEncoding === COLOR_ENCODINGS.VAR, [settings.colorEncoding, showHistograms]);
   const getLabel = useCallback(index => {
-    return isNaN(obs.values[index]) ? "NaN" : getContinuousLabel(obs.codes[obs.values[index]], obs.bins.binEdges);
+    return isNaN(obs.values[index]) ? 'NaN' : getContinuousLabel(obs.codes[obs.values[index]], obs.bins.binEdges);
   }, [obs.bins.binEdges, obs.codes, obs.values]);
   const getDataAtIndex = useCallback(index => {
     var _obsHistograms$fetche2;

package/dist/esm/components/obs-list/ObsList.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 { useContext, useEffect, useMemo, useState } from "react";
-import { faChevronDown, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import CommentIcon from "@mui/icons-material/Comment";
-import JoinInnerIcon from "@mui/icons-material/JoinInner";
-import WaterDropIcon from "@mui/icons-material/WaterDrop";
-import _ from "lodash";
-import { Alert } from "react-bootstrap";
-import Accordion from "react-bootstrap/Accordion";
-import { useAccordionButton } from "react-bootstrap/AccordionButton";
-import AccordionContext from "react-bootstrap/AccordionContext";
-import { CategoricalObs, ContinuousObs } from "./ObsItem";
-import { COLOR_ENCODINGS, DEFAULT_OBS_GROUP, OBS_TYPES } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
-import { LoadingSpinner } from "../../utils/LoadingIndicators";
-import { useFetch } from "../../utils/requests";
+import { useContext, useEffect, useMemo, useState } from 'react';
+import { faChevronDown, faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import CommentIcon from '@mui/icons-material/Comment';
+import JoinInnerIcon from '@mui/icons-material/JoinInner';
+import WaterDropIcon from '@mui/icons-material/WaterDrop';
+import _ from 'lodash';
+import { Alert } from 'react-bootstrap';
+import Accordion from 'react-bootstrap/Accordion';
+import { useAccordionButton } from 'react-bootstrap/AccordionButton';
+import AccordionContext from 'react-bootstrap/AccordionContext';
+import { CategoricalObs, ContinuousObs } from './ObsItem';
+import { COLOR_ENCODINGS, DEFAULT_OBS_GROUP, OBS_TYPES } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
+import { LoadingSpinner } from '../../utils/LoadingIndicators';
+import { useFetch } from '../../utils/requests';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const ObsAccordionToggle = _ref => {
   let {
@@ -35,7 +35,7 @@ const ObsAccordionToggle = _ref => {
     handleAccordionToggle(eventKey, isCurrentEventKey);
   });
   return /*#__PURE__*/_jsxs("div", {
-    className: "obs-accordion-header ".concat(isCurrentEventKey ? "active" : ""),
+    className: "obs-accordion-header ".concat(isCurrentEventKey ? 'active' : ''),
     onClick: decoratedOnClick,
     children: [/*#__PURE__*/_jsx("span", {
       className: "obs-accordion-header-chevron",
@@ -56,7 +56,7 @@ export function ObsColsList(_ref2) {
     showSelectedAsActive = false,
     showHistograms = true
   } = _ref2;
-  const ENDPOINT = "obs/cols";
+  const ENDPOINT = 'obs/cols';
   const dataset = useDataset();
   const settings = useSettings();
   const dispatch = useSettingsDispatch();
@@ -67,7 +67,7 @@ export function ObsColsList(_ref2) {
     var _dataset$obsGroups;
     return _objectSpread({
       default: _.union(DEFAULT_OBS_GROUP, (_dataset$obsGroups = dataset.obsGroups) === null || _dataset$obsGroups === void 0 ? void 0 : _dataset$obsGroups.default)
-    }, _.omit(dataset.obsGroups, "default"));
+    }, _.omit(dataset.obsGroups, 'default'));
   }, [dataset.obsGroups]);
   const [params, setParams] = useState(_objectSpread({
     url: dataset.url
@@ -121,7 +121,7 @@ export function ObsColsList(_ref2) {
         return _objectSpread(_objectSpread({}, d), {}, {
           omit: []
         });
-      }), "name"));
+      }), 'name'));
     }
   }, [fetchedData, isPending, obsGroups, serverError, enableGroups, (_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.name, (_settings$selectedObs4 = settings.selectedObs) === null || _settings$selectedObs4 === void 0 ? void 0 : _settings$selectedObs4.omit]);
   useEffect(() => {
@@ -130,7 +130,7 @@ export function ObsColsList(_ref2) {
       if (!obsCols[(_settings$selectedObs5 = settings.selectedObs) === null || _settings$selectedObs5 === void 0 ? void 0 : _settings$selectedObs5.name]) {
         setActive([]);
         dispatch({
-          type: "select.obs",
+          type: 'select.obs',
           obs: null
         });
       }
@@ -155,7 +155,7 @@ export function ObsColsList(_ref2) {
     });
     if (((_settings$selectedObs6 = settings.selectedObs) === null || _settings$selectedObs6 === void 0 ? void 0 : _settings$selectedObs6.name) === item.name) {
       dispatch({
-        type: "select.obs",
+        type: 'select.obs',
         obs: _objectSpread(_objectSpread({}, item), {}, {
           omit: omit
         })
@@ -166,29 +166,29 @@ export function ObsColsList(_ref2) {
     const inLabelObs = _.includes(settings.labelObs, item.name);
     if (inLabelObs) {
       dispatch({
-        type: "remove.label.obs",
+        type: 'remove.label.obs',
         obsName: item.name
       });
     } else {
       dispatch({
-        type: "add.label.obs",
+        type: 'add.label.obs',
         obs: item
       });
     }
   };
   const toggleSlice = item => {
     dispatch({
-      type: "toggle.slice.obs",
+      type: 'toggle.slice.obs',
       obs: item
     });
   };
   const toggleColor = item => {
     dispatch({
-      type: "select.obs",
+      type: 'select.obs',
       obs: item
     });
     dispatch({
-      type: "set.colorEncoding",
+      type: 'set.colorEncoding',
       value: COLOR_ENCODINGS.OBS
     });
   };
@@ -209,7 +209,7 @@ export function ObsColsList(_ref2) {
     });
     if (((_settings$selectedObs7 = settings.selectedObs) === null || _settings$selectedObs7 === void 0 ? void 0 : _settings$selectedObs7.name) === item.name) {
       dispatch({
-        type: "select.obs",
+        type: 'select.obs',
         obs: _objectSpread(_objectSpread({}, item), {}, {
           omit: omit
         })
@@ -238,7 +238,7 @@ export function ObsColsList(_ref2) {
         }), /*#__PURE__*/_jsxs("div", {
           className: "accordion-header-toolbar",
           children: [/*#__PURE__*/_jsx("span", {
-            className: "mx-1 cursor-pointer ".concat(inLabelObs ? "active-icon" : "text-muted opacity-50"),
+            className: "mx-1 cursor-pointer ".concat(inLabelObs ? 'active-icon' : 'text-muted opacity-50'),
             onClick: event => {
               event.stopPropagation();
               toggleLabel(item);
@@ -246,7 +246,7 @@ export function ObsColsList(_ref2) {
             title: "Add to tooltip",
             children: /*#__PURE__*/_jsx(CommentIcon, {})
           }), /*#__PURE__*/_jsx("span", {
-            className: "mx-1 cursor-pointer ".concat(inSliceObs ? "active-icon" : "text-muted opacity-50"),
+            className: "mx-1 cursor-pointer ".concat(inSliceObs ? 'active-icon' : 'text-muted opacity-50'),
             onClick: event => {
               event.stopPropagation();
               toggleSlice(item);
@@ -254,12 +254,12 @@ export function ObsColsList(_ref2) {
             title: "Filter applied",
             children: /*#__PURE__*/_jsx(JoinInnerIcon, {})
           }), /*#__PURE__*/_jsx("span", {
-            className: "mx-1 cursor-pointer ".concat(isColorEncoding ? "active-icon" : "text-muted opacity-50"),
+            className: "mx-1 cursor-pointer ".concat(isColorEncoding ? 'active-icon' : 'text-muted opacity-50'),
             onClick: event => {
               event.stopPropagation();
               toggleColor(item);
             },
-            title: showSelectedAsActive ? "Is selected" : "Is color encoding",
+            title: showSelectedAsActive ? 'Is selected' : 'Is color encoding',
             children: /*#__PURE__*/_jsx(WaterDropIcon, {})
           })]
         })]
@@ -294,7 +294,7 @@ export function ObsColsList(_ref2) {
     const groupItems = _.compact(_.map(_.sortBy(obsGroups[group], o => _.lowerCase(o.name)), item => {
       return obsItem(obsCols === null || obsCols === void 0 ? void 0 : obsCols[item]);
     }));
-    if (group === "default") {
+    if (group === 'default') {
       return groupItems;
     } else {
       return /*#__PURE__*/_jsxs(Accordion.Item, {

package/dist/esm/components/obs-list/ObsToolbar.js

@@ -1,4 +1,4 @@
-import { Form } from "react-bootstrap";
+import { Form } from 'react-bootstrap';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ObsToolbar(_ref) {
   let {

package/dist/esm/components/obsm-list/ObsmList.js

@@ -3,20 +3,20 @@ 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 { useEffect, useState } from "react";
-import _ from "lodash";
-import { Button, ButtonGroup, Dropdown, DropdownButton, OverlayTrigger, Tooltip } from "react-bootstrap";
-import { DEFAULT_OBSM_KEYS } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
-import { useFetch } from "../../utils/requests";
-import { ObsmKeysListBtn } from "../../utils/Skeleton";
+import { useEffect, useState } from 'react';
+import _ from 'lodash';
+import { Button, ButtonGroup, Dropdown, DropdownButton, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import { DEFAULT_OBSM_KEYS } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
+import { useFetch } from '../../utils/requests';
+import { ObsmKeysListBtn } from '../../utils/Skeleton';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ObsmKeysList(_ref) {
   let {
     setHasObsm
   } = _ref;
-  const ENDPOINT = "obsm/keys";
+  const ENDPOINT = 'obsm/keys';
   const dataset = useDataset();
   const settings = useSettings();
   const dispatch = useSettingsDispatch();
@@ -54,7 +54,7 @@ export function ObsmKeysList(_ref) {
             const defaultObsm = _.find(fetchedData, item => item.toLowerCase() === k);
             if (defaultObsm) {
               dispatch({
-                type: "select.obsm",
+                type: 'select.obsm',
                 obsm: defaultObsm
               });
               return false; // break
@@ -66,7 +66,7 @@ export function ObsmKeysList(_ref) {
         // If selected obsm is not in keys list, reset to null
         if (!_.includes(fetchedData || [], settings.selectedObsm)) {
           dispatch({
-            type: "select.obsm",
+            type: 'select.obsm',
             obsm: null
           });
         } else {
@@ -77,10 +77,10 @@ export function ObsmKeysList(_ref) {
   }, [dispatch, fetchedData, isPending, serverError, setHasObsm, settings.selectedObsm]);
   const obsmList = obsmKeysList.map(item => {
     return /*#__PURE__*/_jsx(Dropdown.Item, {
-      className: "custom ".concat(active === item && "active"),
+      className: "custom ".concat(active === item && 'active'),
       onClick: () => {
         dispatch({
-          type: "select.obsm",
+          type: 'select.obsm',
           obsm: item
         });
       },
@@ -93,8 +93,8 @@ export function ObsmKeysList(_ref) {
     }
     return /*#__PURE__*/_jsxs(DropdownButton, {
       as: ButtonGroup,
-      title: settings.selectedObsm || "Select an embedding",
-      variant: settings.selectedObsm ? "primary" : "warning",
+      title: settings.selectedObsm || 'Select an embedding',
+      variant: settings.selectedObsm ? 'primary' : 'warning',
       id: "bg-nested-dropdown",
       size: "sm",
       children: [/*#__PURE__*/_jsx(Dropdown.Header, {

package/dist/esm/components/offcanvas/index.js

@@ -7,12 +7,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import Offcanvas from "react-bootstrap/Offcanvas";
-import { SELECTION_MODES } from "../../constants/constants";
-import { ObsColsList } from "../obs-list/ObsList";
-import { ObsmKeysList } from "../obsm-list/ObsmList";
-import { SearchBar } from "../search-bar/SearchBar";
-import { VarNamesList } from "../var-list/VarList";
+import Offcanvas from 'react-bootstrap/Offcanvas';
+import { SELECTION_MODES } from '../../constants/constants';
+import { ObsColsList } from '../obs-list/ObsList';
+import { ObsmKeysList } from '../obsm-list/ObsmList';
+import { SearchBar } from '../search-bar/SearchBar';
+import { VarNamesList } from '../var-list/VarList';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function OffcanvasObs(_ref) {
   let {

package/dist/esm/components/pseudospatial/Pseudospatial.js

@@ -3,24 +3,24 @@ 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, useEffect, useMemo, useRef, useState } from "react";
-import { faEye, faSliders } from "@fortawesome/free-solid-svg-icons";
-import _ from "lodash";
-import { Alert } from "react-bootstrap";
-import Plot from "react-plotly.js";
-import { COLOR_ENCODINGS, OBS_TYPES, PSEUDOSPATIAL_PLOT_TYPES as PLOT_TYPES } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useFilteredData } from "../../context/FilterContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
-import { rgbToHex, useColor } from "../../helpers/color-helper";
-import { ImageViewer } from "../../utils/ImageViewer";
-import { Legend } from "../../utils/Legend";
-import { LoadingSpinner } from "../../utils/LoadingIndicators";
-import { useDebouncedFetch } from "../../utils/requests";
-import { useSelectedObs, useSelectedVar } from "../../utils/Resolver";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { faEye, faSliders } from '@fortawesome/free-solid-svg-icons';
+import _ from 'lodash';
+import { Alert } from 'react-bootstrap';
+import Plot from 'react-plotly.js';
+import { COLOR_ENCODINGS, OBS_TYPES, PSEUDOSPATIAL_PLOT_TYPES as PLOT_TYPES } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useFilteredData } from '../../context/FilterContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
+import { rgbToHex, useColor } from '../../helpers/color-helper';
+import { ImageViewer } from '../../utils/ImageViewer';
+import { Legend } from '../../utils/Legend';
+import { LoadingSpinner } from '../../utils/LoadingIndicators';
+import { useDebouncedFetch } from '../../utils/requests';
+import { useSelectedObs, useSelectedVar } from '../../utils/Resolver';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function usePseudospatialData(plotType) {
-  const ENDPOINT = "pseudospatial";
+  const ENDPOINT = 'pseudospatial';
   const dataset = useDataset();
   const settings = useSettings();
   const {
@@ -37,7 +37,7 @@ function usePseudospatialData(plotType) {
       obsIndices: isSliced ? [...(obsIndices || [])] : null,
       varNamesCol: dataset.varNamesCol,
       showColorbar: false,
-      format: "json"
+      format: 'json'
     };
   }, [dataset.url, settings.pseudospatial.maskSet, settings.pseudospatial.maskValues, dataset.varNamesCol, isSliced, obsIndices]);
   const getPlotParams = useCallback(() => {
@@ -57,7 +57,7 @@ function usePseudospatialData(plotType) {
         obsValues: !(selectedObs !== null && selectedObs !== void 0 && selectedObs.omit.length) ? null : _.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit),
         mode: settings.pseudospatial.categoricalMode
       };
-    } else if (plotType === "continuous") {
+    } else if (plotType === 'continuous') {
       return {
         obsCol: selectedObs,
         obsValues: !(selectedObs !== null && selectedObs !== void 0 && selectedObs.omit.length) ? null : _.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit)
@@ -67,7 +67,7 @@ function usePseudospatialData(plotType) {
   const params = useMemo(() => {
     return _objectSpread(_objectSpread({}, baseParams), getPlotParams());
   }, [baseParams, getPlotParams]);
-  return useDebouncedFetch(ENDPOINT + "/" + plotType, params, 500, {
+  return useDebouncedFetch(ENDPOINT + '/' + plotType, params, 500, {
     enabled: !!plotType && !!settings.pseudospatial.maskSet
   });
 }
@@ -100,7 +100,7 @@ export function Pseudospatial(_ref) {
   useEffect(() => {
     if (_.keys(settings.data.pseudospatial).length && !settings.pseudospatial.maskSet) {
       dispatch({
-        type: "set.pseudospatial.maskSet",
+        type: 'set.pseudospatial.maskSet',
         maskSet: _.keys(settings.data.pseudospatial)[0]
       });
     }
@@ -194,17 +194,17 @@ export function Pseudospatial(_ref) {
     if (imageUrl) {
       return [_objectSpread({
         source: imageUrl,
-        xref: "paper",
-        yref: "paper",
+        xref: 'paper',
+        yref: 'paper',
         x: 0.5,
         y: 0.5,
         sizex: 1,
         sizey: 1,
-        sizing: "contain",
-        layer: "above",
-        xanchor: "center",
-        yanchor: "middle",
-        name: "Reference Image"
+        sizing: 'contain',
+        layer: 'above',
+        xanchor: 'center',
+        yanchor: 'middle',
+        name: 'Reference Image'
       }, settings.pseudospatial.refImg)];
     }
     return [];
@@ -213,7 +213,7 @@ export function Pseudospatial(_ref) {
     var _settings$pseudospati;
     const isRefImgVisible = (_settings$pseudospati = settings.pseudospatial) === null || _settings$pseudospati === void 0 || (_settings$pseudospati = _settings$pseudospati.refImg) === null || _settings$pseudospati === void 0 ? void 0 : _settings$pseudospati.visible;
     return [{
-      name: "Open plot controls",
+      name: 'Open plot controls',
       icon: {
         width: 512,
         height: 512,
@@ -221,14 +221,14 @@ export function Pseudospatial(_ref) {
       },
       click: () => setShowControls(prev => !prev)
     }, ...(imageUrl ? [{
-      name: isRefImgVisible ? "Hide reference image" : "Show reference image",
+      name: isRefImgVisible ? 'Hide reference image' : 'Show reference image',
       icon: {
         width: 600,
         height: 512,
         path: faEye.icon[4]
       },
       click: () => dispatch({
-        type: "toggle.pseudospatial.refImg.visible"
+        type: 'toggle.pseudospatial.refImg.visible'
       })
     }] : [])];
   }, [dispatch, imageUrl, setShowControls, (_settings$pseudospati2 = settings.pseudospatial) === null || _settings$pseudospati2 === void 0 || (_settings$pseudospati2 = _settings$pseudospati2.refImg) === null || _settings$pseudospati2 === void 0 ? void 0 : _settings$pseudospati2.visible]);
@@ -268,7 +268,7 @@ export function Pseudospatial(_ref) {
         }), hasSelections && showLegend && /*#__PURE__*/_jsx(Legend, {
           min: layout === null || layout === void 0 || (_layout$coloraxis5 = layout.coloraxis) === null || _layout$coloraxis5 === void 0 ? void 0 : _layout$coloraxis5.cmin,
           max: layout === null || layout === void 0 || (_layout$coloraxis6 = layout.coloraxis) === null || _layout$coloraxis6 === void 0 ? void 0 : _layout$coloraxis6.cmax,
-          addText: plotType === PLOT_TYPES.GENE ? " - Mean expression" : plotType === PLOT_TYPES.CATEGORICAL ? " - %" : plotType === PLOT_TYPES.CONTINUOUS ? " - Mean value" : ""
+          addText: plotType === PLOT_TYPES.GENE ? ' - Mean expression' : plotType === PLOT_TYPES.CATEGORICAL ? ' - %' : plotType === PLOT_TYPES.CONTINUOUS ? ' - Mean value' : ''
         })]
       })
     });