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

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
     });
   };

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

@@ -46,19 +46,19 @@ function SpatialControls(_ref) {
   const showVarsBtn = isFullscreen ? XlBreakpoint : true;
   const onSelect = (eventKey, event) => {
     switch (eventKey) {
-      case "DrawPolygonMode":
+      case 'DrawPolygonMode':
         setMode(() => _editModes.DrawPolygonMode);
         break;
-      case "DrawLineStringMode":
+      case 'DrawLineStringMode':
         setMode(() => _editModes.DrawLineStringMode);
         break;
-      case "DrawPolygonByDraggingMode":
+      case 'DrawPolygonByDraggingMode':
         setMode(() => _editModes.DrawPolygonByDraggingMode);
         break;
-      case "DrawRectangleMode":
+      case 'DrawRectangleMode':
         setMode(() => _editModes.DrawRectangleMode);
         break;
-      case "ModifyMode":
+      case 'ModifyMode':
         setMode(() => _editModes.ModifyMode);
         break;
       default:
@@ -67,7 +67,7 @@ function SpatialControls(_ref) {
   };
   const deleteFeatures = (_eventKey, _event) => {
     setFeatures({
-      type: "FeatureCollection",
+      type: 'FeatureCollection',
       features: []
     });
   };
@@ -78,7 +78,7 @@ function SpatialControls(_ref) {
       onClick: () => {
         setMode(() => _editModes.ViewMode);
         dispatch({
-          type: "toggle.slice.polygons"
+          type: 'toggle.slice.polygons'
         });
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.JoinInner, {})
@@ -87,7 +87,7 @@ function SpatialControls(_ref) {
       onClick: () => {
         const newFeatures = features.features.filter((_f, i) => !selectedFeatureIndexes.includes(i));
         setFeatures({
-          type: "FeatureCollection",
+          type: 'FeatureCollection',
           features: newFeatures
         });
       },
@@ -164,7 +164,7 @@ function SpatialControls(_ref) {
         onSelect: onSelect,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Toggle, {
           id: "dropdown-autoclose-outside",
-          className: "caret-off ".concat(mode === _editModes.DrawPolygonByDraggingMode || mode === _editModes.ModifyMode ? "active" : ""),
+          className: "caret-off ".concat(mode === _editModes.DrawPolygonByDraggingMode || mode === _editModes.ModifyMode ? 'active' : ''),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
             icon: _freeSolidSvgIcons.faDrawPolygon
           })

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

@@ -24,16 +24,16 @@ function Toolbox(_ref) {
         placement: "top",
         overlay: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Tooltip, {
           id: "tooltip-dropped-mode",
-          children: ["You have selected ", (0, _string.formatNumerical)(slicedLength), " out of", " ", (0, _string.formatNumerical)(obsLength), " cells"]
+          children: ["You have selected ", (0, _string.formatNumerical)(slicedLength), " out of", ' ', (0, _string.formatNumerical)(obsLength), " cells"]
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
           size: "sm",
           variant: "primary",
           style: {
-            cursor: "default"
+            cursor: 'default'
           },
           "aria-disabled": "true",
-          children: [(0, _string.formatNumerical)(slicedLength), " of ", (0, _string.formatNumerical)(obsLength), " ", "cells"]
+          children: [(0, _string.formatNumerical)(slicedLength), " of ", (0, _string.formatNumerical)(obsLength), ' ', "cells"]
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
         placement: "top",
@@ -45,7 +45,7 @@ function Toolbox(_ref) {
           size: "sm",
           variant: "primary",
           style: {
-            cursor: "default"
+            cursor: 'default'
           },
           "aria-disabled": "true",
           children: [(0, _string.formatNumerical)(obsLength), " cells"]