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

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

@@ -48,13 +48,13 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 //   return { ...data, bins: bins };
 // }
 function getContinuousLabel(code, binEdges) {
-  return "[ ".concat((0, _string.formatNumerical)(binEdges[code][0]), ", ").concat((0, _string.formatNumerical)(binEdges[code][1], _string.FORMATS.EXPONENTIAL)).concat(code === binEdges.length - 1 ? " ]" : " )");
+  return "[ ".concat((0, _string.formatNumerical)(binEdges[code][0]), ", ").concat((0, _string.formatNumerical)(binEdges[code][1], _string.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 = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const {
@@ -64,7 +64,7 @@ const useObsHistogram = (obs, _ref) => {
   const selectedVar = (0, _Resolver.useSelectedVar)();
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url,
-    obsCol: _lodash.default.omit(obs, "omit"),
+    obsCol: _lodash.default.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,
@@ -75,7 +75,7 @@ const useObsHistogram = (obs, _ref) => {
   (0, _react.useEffect)(() => {
     setParams(p => {
       return _objectSpread(_objectSpread({}, p), {}, {
-        obsCol: _lodash.default.omit(obs, "omit"),
+        obsCol: _lodash.default.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)
@@ -193,7 +193,7 @@ function CategoricalItem(_ref2) {
             className: "pl-1 m-0",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
               title: isSliced ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: ["Filtered:", " ", (0, _string.formatNumerical)(filteredStats.pct, _string.FORMATS.EXPONENTIAL), "%", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Total: ", (0, _string.formatNumerical)(stats.pct, _string.FORMATS.EXPONENTIAL), "%"]
+                children: ["Filtered:", ' ', (0, _string.formatNumerical)(filteredStats.pct, _string.FORMATS.EXPONENTIAL), "%", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), "Total: ", (0, _string.formatNumerical)(stats.pct, _string.FORMATS.EXPONENTIAL), "%"]
               }) : "".concat((0, _string.formatNumerical)(stats.pct, _string.FORMATS.EXPONENTIAL), "%"),
               placement: "left",
               arrow: true,
@@ -201,8 +201,8 @@ function CategoricalItem(_ref2) {
                 className: "d-flex align-items-center",
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Badge, {
                   className: "value-count-badge",
-                  children: [" ", isSliced && parseInt(filteredStats.value_counts) !== parseInt(stats.value_counts) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                    children: [(0, _string.formatNumerical)(parseInt(filteredStats.value_counts)), " ", "out of", " "]
+                  children: [' ', isSliced && parseInt(filteredStats.value_counts) !== parseInt(stats.value_counts) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                    children: [(0, _string.formatNumerical)(parseInt(filteredStats.value_counts)), ' ', "out of", ' ']
                   }), (0, _string.formatNumerical)(parseInt(stats.value_counts), _string.FORMATS.EXPONENTIAL)]
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "value-pct-gauge-container",
@@ -211,8 +211,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,
@@ -223,7 +223,7 @@ function CategoricalItem(_ref2) {
                       className: "pct-gauge",
                       value: stats.pct,
                       text: null,
-                      innerRadius: "75%",
+                      innerRadius: '75%',
                       margin: {
                         top: 0,
                         right: 0,
@@ -234,7 +234,7 @@ function CategoricalItem(_ref2) {
                   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_xCharts.Gauge, {
                     value: stats.pct,
                     text: null,
-                    innerRadius: "50%",
+                    innerRadius: '50%',
                     margin: {
                       top: 0,
                       right: 0,
@@ -265,7 +265,7 @@ function CategoricalItem(_ref2) {
                   grayParams: {
                     alpha: 1
                   },
-                  colorEncoding: "obs"
+                  colorEncoding: 'obs'
                 }, useUnsColors ? {
                   colorscale: colors
                 } : {})), ")")
@@ -355,7 +355,7 @@ function ObsContinuousStats(_ref4) {
   let {
     obs
   } = _ref4;
-  const ENDPOINT = "obs/distribution";
+  const ENDPOINT = 'obs/distribution';
   const dataset = (0, _DatasetContext.useDataset)();
   const params = {
     url: dataset.url,
@@ -399,7 +399,7 @@ function ObsContinuousStats(_ref4) {
             valueFormatter: v => "".concat((0, _string.formatNumerical)(v, _string.FORMATS.EXPONENTIAL)),
             slotProps: {
               popper: {
-                className: "feature-histogram-tooltip"
+                className: 'feature-histogram-tooltip'
               }
             }
           })
@@ -410,28 +410,28 @@ function ObsContinuousStats(_ref4) {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "Min"
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: (0, _string.formatNumerical)(obs.min, _string.FORMATS.EXPONENTIAL)
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "Max"
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: (0, _string.formatNumerical)(obs.max, _string.FORMATS.EXPONENTIAL)
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "Mean"
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: (0, _string.formatNumerical)(obs.mean, _string.FORMATS.EXPONENTIAL)
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "d-flex justify-content-between",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "Median"
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: (0, _string.formatNumerical)(obs.median, _string.FORMATS.EXPONENTIAL)
           })]
         })]
@@ -461,7 +461,7 @@ function ContinuousObs(_ref5) {
   const filteredObsData = useFilteredObsData(obs);
   const enabledHistograms = (0, _react.useMemo)(() => showHistograms && settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR, [settings.colorEncoding, showHistograms]);
   const getLabel = (0, _react.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 = (0, _react.useCallback)(index => {
     var _obsHistograms$fetche2;

package/dist/cjs/components/obs-list/ObsList.js

@@ -42,7 +42,7 @@ const ObsAccordionToggle = _ref => {
     handleAccordionToggle(eventKey, isCurrentEventKey);
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "obs-accordion-header ".concat(isCurrentEventKey ? "active" : ""),
+    className: "obs-accordion-header ".concat(isCurrentEventKey ? 'active' : ''),
     onClick: decoratedOnClick,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "obs-accordion-header-chevron",
@@ -63,7 +63,7 @@ function ObsColsList(_ref2) {
     showSelectedAsActive = false,
     showHistograms = true
   } = _ref2;
-  const ENDPOINT = "obs/cols";
+  const ENDPOINT = 'obs/cols';
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
@@ -74,7 +74,7 @@ function ObsColsList(_ref2) {
     var _dataset$obsGroups;
     return _objectSpread({
       default: _lodash.default.union(_constants.DEFAULT_OBS_GROUP, (_dataset$obsGroups = dataset.obsGroups) === null || _dataset$obsGroups === void 0 ? void 0 : _dataset$obsGroups.default)
-    }, _lodash.default.omit(dataset.obsGroups, "default"));
+    }, _lodash.default.omit(dataset.obsGroups, 'default'));
   }, [dataset.obsGroups]);
   const [params, setParams] = (0, _react.useState)(_objectSpread({
     url: dataset.url
@@ -128,7 +128,7 @@ 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]);
   (0, _react.useEffect)(() => {
@@ -137,7 +137,7 @@ 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
         });
       }
@@ -162,7 +162,7 @@ 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
         })
@@ -173,29 +173,29 @@ function ObsColsList(_ref2) {
     const inLabelObs = _lodash.default.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: _constants.COLOR_ENCODINGS.OBS
     });
   };
@@ -216,7 +216,7 @@ 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
         })
@@ -245,7 +245,7 @@ function ObsColsList(_ref2) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "accordion-header-toolbar",
           children: [/*#__PURE__*/(0, _jsxRuntime.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);
@@ -253,7 +253,7 @@ function ObsColsList(_ref2) {
             title: "Add to tooltip",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Comment.default, {})
           }), /*#__PURE__*/(0, _jsxRuntime.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);
@@ -261,12 +261,12 @@ function ObsColsList(_ref2) {
             title: "Filter applied",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_JoinInner.default, {})
           }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_WaterDrop.default, {})
           })]
         })]
@@ -301,7 +301,7 @@ function ObsColsList(_ref2) {
     const groupItems = _lodash.default.compact(_lodash.default.map(_lodash.default.sortBy(obsGroups[group], o => _lodash.default.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__*/(0, _jsxRuntime.jsxs)(_Accordion.default.Item, {

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

@@ -23,7 +23,7 @@ function ObsmKeysList(_ref) {
   let {
     setHasObsm
   } = _ref;
-  const ENDPOINT = "obsm/keys";
+  const ENDPOINT = 'obsm/keys';
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
@@ -61,7 +61,7 @@ function ObsmKeysList(_ref) {
             const defaultObsm = _lodash.default.find(fetchedData, item => item.toLowerCase() === k);
             if (defaultObsm) {
               dispatch({
-                type: "select.obsm",
+                type: 'select.obsm',
                 obsm: defaultObsm
               });
               return false; // break
@@ -73,7 +73,7 @@ function ObsmKeysList(_ref) {
         // If selected obsm is not in keys list, reset to null
         if (!_lodash.default.includes(fetchedData || [], settings.selectedObsm)) {
           dispatch({
-            type: "select.obsm",
+            type: 'select.obsm',
             obsm: null
           });
         } else {
@@ -84,10 +84,10 @@ function ObsmKeysList(_ref) {
   }, [dispatch, fetchedData, isPending, serverError, setHasObsm, settings.selectedObsm]);
   const obsmList = obsmKeysList.map(item => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
-      className: "custom ".concat(active === item && "active"),
+      className: "custom ".concat(active === item && 'active'),
       onClick: () => {
         dispatch({
-          type: "select.obsm",
+          type: 'select.obsm',
           obsm: item
         });
       },
@@ -100,8 +100,8 @@ function ObsmKeysList(_ref) {
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.DropdownButton, {
       as: _reactBootstrap.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__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Header, {

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

@@ -28,7 +28,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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); }
 function usePseudospatialData(plotType) {
-  const ENDPOINT = "pseudospatial";
+  const ENDPOINT = 'pseudospatial';
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const {
@@ -45,7 +45,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 = (0, _react.useCallback)(() => {
@@ -65,7 +65,7 @@ function usePseudospatialData(plotType) {
         obsValues: !(selectedObs !== null && selectedObs !== void 0 && selectedObs.omit.length) ? null : _lodash.default.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 : _lodash.default.difference(selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.values, selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit)
@@ -75,7 +75,7 @@ function usePseudospatialData(plotType) {
   const params = (0, _react.useMemo)(() => {
     return _objectSpread(_objectSpread({}, baseParams), getPlotParams());
   }, [baseParams, getPlotParams]);
-  return (0, _requests.useDebouncedFetch)(ENDPOINT + "/" + plotType, params, 500, {
+  return (0, _requests.useDebouncedFetch)(ENDPOINT + '/' + plotType, params, 500, {
     enabled: !!plotType && !!settings.pseudospatial.maskSet
   });
 }
@@ -108,7 +108,7 @@ function Pseudospatial(_ref) {
   (0, _react.useEffect)(() => {
     if (_lodash.default.keys(settings.data.pseudospatial).length && !settings.pseudospatial.maskSet) {
       dispatch({
-        type: "set.pseudospatial.maskSet",
+        type: 'set.pseudospatial.maskSet',
         maskSet: _lodash.default.keys(settings.data.pseudospatial)[0]
       });
     }
@@ -202,17 +202,17 @@ 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 [];
@@ -221,7 +221,7 @@ 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,
@@ -229,14 +229,14 @@ 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: _freeSolidSvgIcons.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]);
@@ -276,7 +276,7 @@ function Pseudospatial(_ref) {
         }), hasSelections && showLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Legend.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 === _constants.PSEUDOSPATIAL_PLOT_TYPES.GENE ? " - Mean expression" : plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.CATEGORICAL ? " - %" : plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.CONTINUOUS ? " - Mean value" : ""
+          addText: plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.GENE ? ' - Mean expression' : plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.CATEGORICAL ? ' - %' : plotType === _constants.PSEUDOSPATIAL_PLOT_TYPES.CONTINUOUS ? ' - Mean value' : ''
         })]
       })
     });

package/dist/cjs/components/pseudospatial/PseudospatialToolbar.js

@@ -20,7 +20,7 @@ function CategoricalMode() {
     active: settings.pseudospatial.categoricalMode === m,
     onClick: () => {
       dispatch({
-        type: "set.pseudospatial.categoricalMode",
+        type: 'set.pseudospatial.categoricalMode',
         categoricalMode: m.value
       });
     },
@@ -49,7 +49,7 @@ function MaskSet() {
     active: settings.pseudospatial.maskSet === key,
     onClick: () => {
       dispatch({
-        type: "set.pseudospatial.maskSet",
+        type: 'set.pseudospatial.maskSet',
         maskSet: key
       });
     },
@@ -63,7 +63,7 @@ function MaskSet() {
       newMasks = null;
     }
     dispatch({
-      type: "set.pseudospatial.maskValues",
+      type: 'set.pseudospatial.maskValues',
       maskValues: newMasks
     });
   };
@@ -71,12 +71,12 @@ function MaskSet() {
     var _settings$pseudospati3, _maskSets$settings$ps, _settings$pseudospati4;
     if (!settings.pseudospatial.maskValues || ((_settings$pseudospati3 = settings.pseudospatial.maskValues) === null || _settings$pseudospati3 === void 0 ? void 0 : _settings$pseudospati3.length) === (maskSets === null || maskSets === void 0 || (_maskSets$settings$ps = maskSets[(_settings$pseudospati4 = settings.pseudospatial) === null || _settings$pseudospati4 === void 0 ? void 0 : _settings$pseudospati4.maskSet]) === null || _maskSets$settings$ps === void 0 ? void 0 : _maskSets$settings$ps.length)) {
       dispatch({
-        type: "set.pseudospatial.maskValues",
+        type: 'set.pseudospatial.maskValues',
         maskValues: []
       });
     } else {
       dispatch({
-        type: "set.pseudospatial.maskValues",
+        type: 'set.pseudospatial.maskValues',
         maskValues: null
       });
     }
@@ -89,13 +89,13 @@ function MaskSet() {
       onChange: () => handleMaskChange(mask)
     })
   }, mask));
-  const nMasks = settings.pseudospatial.maskValues ? (_settings$pseudospati6 = settings.pseudospatial.maskValues) === null || _settings$pseudospati6 === void 0 ? void 0 : _settings$pseudospati6.length : (maskSets === null || maskSets === void 0 || (_maskSets$settings$ps2 = maskSets[(_settings$pseudospati7 = settings.pseudospatial) === null || _settings$pseudospati7 === void 0 ? void 0 : _settings$pseudospati7.maskSet]) === null || _maskSets$settings$ps2 === void 0 ? void 0 : _maskSets$settings$ps2.length) || "No";
+  const nMasks = settings.pseudospatial.maskValues ? (_settings$pseudospati6 = settings.pseudospatial.maskValues) === null || _settings$pseudospati6 === void 0 ? void 0 : _settings$pseudospati6.length : (maskSets === null || maskSets === void 0 || (_maskSets$settings$ps2 = maskSets[(_settings$pseudospati7 = settings.pseudospatial) === null || _settings$pseudospati7 === void 0 ? void 0 : _settings$pseudospati7.maskSet]) === null || _maskSets$settings$ps2 === void 0 ? void 0 : _maskSets$settings$ps2.length) || 'No';
   const toggleAllChecked = !settings.pseudospatial.maskValues || ((_settings$pseudospati8 = settings.pseudospatial.maskValues) === null || _settings$pseudospati8 === void 0 ? void 0 : _settings$pseudospati8.length) === (maskSets === null || maskSets === void 0 || (_maskSets$settings$ps3 = maskSets[(_settings$pseudospati9 = settings.pseudospatial) === null || _settings$pseudospati9 === void 0 ? void 0 : _settings$pseudospati9.maskSet]) === null || _maskSets$settings$ps3 === void 0 ? void 0 : _maskSets$settings$ps3.length);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
         variant: "light",
-        children: _lodash.default.capitalize(settings.pseudospatial.maskSet || "Select a mask set")
+        children: _lodash.default.capitalize(settings.pseudospatial.maskSet || 'Select a mask set')
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown.Menu, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Header, {
           children: "Mask set"
@@ -147,10 +147,10 @@ function OpacitySlider(_ref) {
         valueLabelFormat: value => "".concat((value * 100).toFixed(0), "%"),
         marks: [{
           value: 0,
-          label: "0%"
+          label: '0%'
         }, {
           value: 1,
-          label: "100%"
+          label: '100%'
         }]
       })
     })]
@@ -177,7 +177,7 @@ function PseudospatialToolbar(_ref2) {
       opacity: settings.pseudospatial.refImg.opacity,
       setOpacity: opacity => {
         dispatch({
-          type: "set.pseudospatial.refImg.opacity",
+          type: 'set.pseudospatial.refImg.opacity',
           opacity: opacity
         });
       }

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

@@ -13,6 +13,8 @@ var _editModes = require("@nebula.gl/edit-modes");
 var _layers2 = require("@nebula.gl/layers");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _reactBootstrap = require("react-bootstrap");
+var _SpatialControls = require("./SpatialControls");
+var _Toolbox = require("./Toolbox");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
 var _FilterContext = require("../../context/FilterContext");
@@ -26,8 +28,6 @@ var _Resolver = require("../../utils/Resolver");
 var _string = require("../../utils/string");
 var _zarrData = require("../../utils/zarrData");
 var _PlotAlert = require("../full-page/PlotAlert");
-var _SpatialControls = require("./SpatialControls");
-var _Toolbox = require("./Toolbox");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
@@ -85,7 +85,7 @@ function Scatterplot(_ref) {
   // EditableGeoJsonLayer
   const [mode, setMode] = (0, _react.useState)(() => _editModes.ViewMode);
   const [features, setFeatures] = (0, _react.useState)({
-    type: "FeatureCollection",
+    type: 'FeatureCollection',
     features: settings.polygons[settings.selectedObsm] || []
   });
   const [selectedFeatureIndexes, setSelectedFeatureIndexes] = (0, _react.useState)([]);
@@ -132,7 +132,7 @@ 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: []
@@ -260,7 +260,7 @@ function Scatterplot(_ref) {
   }, [sortedObsIndices]);
   const memoizedLayers = (0, _react.useMemo)(() => {
     return [new _layers.ScatterplotLayer({
-      id: "cherita-layer-scatterplot",
+      id: 'cherita-layer-scatterplot',
       pickable: true,
       data: sortedData.positions,
       radiusScale: radiusScale,
@@ -273,7 +273,7 @@ function Scatterplot(_ref) {
         getRadius: getRadius
       }
     }), new _layers2.EditableGeoJsonLayer({
-      id: "cherita-layer-draw",
+      id: 'cherita-layer-draw',
       data: features,
       mode: mode,
       selectedFeatureIndexes,
@@ -285,7 +285,7 @@ function Scatterplot(_ref) {
         } = _ref4;
         setFeatures(updatedData);
         let updatedSelectedFeatureIndexes = selectedFeatureIndexes;
-        if (editType === "addFeature") {
+        if (editType === 'addFeature') {
           const {
             featureIndexes
           } = editContext;
@@ -313,13 +313,13 @@ 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]);
   (0, _react.useEffect)(() => {
     dispatch({
-      type: "set.polygons",
+      type: 'set.polygons',
       obsm: settings.selectedObsm,
       polygons: (features === null || features === void 0 ? void 0 : features.features) || []
     });
@@ -329,7 +329,7 @@ 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;
@@ -344,7 +344,7 @@ 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 === _constants.COLOR_ENCODINGS.OBS && selectedObs && !_lodash.default.includes(settings.labelObs, selectedObs.name)) {
       var _data$values;
@@ -363,14 +363,14 @@ function Scatterplot(_ref) {
     if (!text.length) return;
     const grayOut = sortedObsIndices && !sortedObsIndices.has(index);
     return {
-      text: text.length ? _lodash.default.compact(text).join("\n") : null,
-      className: grayOut ? "tooltip-grayout" : "deck-tooltip",
+      text: text.length ? _lodash.default.compact(text).join('\n') : null,
+      className: grayOut ? 'tooltip-grayout' : 'deck-tooltip',
       style: !grayOut ? {
-        "border-left": "3px solid ".concat((0, _colorHelper.rgbToHex)(getFillColor(null, {
+        'border-left': "3px solid ".concat((0, _colorHelper.rgbToHex)(getFillColor(null, {
           index
         })))
       } : {
-        "border-left": "none"
+        'border-left': 'none'
       }
     };
   };
@@ -407,7 +407,7 @@ function Scatterplot(_ref) {
           let {
             isDragging
           } = _ref6;
-          return mode !== _editModes.ViewMode ? "crosshair" : isDragging ? "grabbing" : "grab";
+          return mode !== _editModes.ViewMode ? 'crosshair' : isDragging ? 'grabbing' : 'grab';
         },
         ref: deckRef
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpatialControls.SpatialControls, {

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

@@ -39,7 +39,7 @@ const ScatterplotControls = () => {
   const updateRange = (_e, value) => {
     setSliderValue(value);
     dispatch({
-      type: "set.controls.range",
+      type: 'set.controls.range',
       range: sliderValue
     });
   };