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

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' : ''
         })]
       })
     });

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

@@ -1,10 +1,10 @@
-import { useState } from "react";
-import { Box, Slider, Typography } from "@mui/material";
-import _ from "lodash";
-import { ButtonGroup, Dropdown, Form } from "react-bootstrap";
-import { PSEUDOSPATIAL_CATEGORICAL_MODES as MODES, PSEUDOSPATIAL_PLOT_TYPES as PLOT_TYPES } from "../../constants/constants";
-import { useDataset } from "../../context/DatasetContext";
-import { useSettings, useSettingsDispatch } from "../../context/SettingsContext";
+import { useState } from 'react';
+import { Box, Slider, Typography } from '@mui/material';
+import _ from 'lodash';
+import { ButtonGroup, Dropdown, Form } from 'react-bootstrap';
+import { PSEUDOSPATIAL_CATEGORICAL_MODES as MODES, PSEUDOSPATIAL_PLOT_TYPES as PLOT_TYPES } from '../../constants/constants';
+import { useDataset } from '../../context/DatasetContext';
+import { useSettings, useSettingsDispatch } from '../../context/SettingsContext';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function CategoricalMode() {
   const settings = useSettings();
@@ -13,7 +13,7 @@ function CategoricalMode() {
     active: settings.pseudospatial.categoricalMode === m,
     onClick: () => {
       dispatch({
-        type: "set.pseudospatial.categoricalMode",
+        type: 'set.pseudospatial.categoricalMode',
         categoricalMode: m.value
       });
     },
@@ -42,7 +42,7 @@ function MaskSet() {
     active: settings.pseudospatial.maskSet === key,
     onClick: () => {
       dispatch({
-        type: "set.pseudospatial.maskSet",
+        type: 'set.pseudospatial.maskSet',
         maskSet: key
       });
     },
@@ -56,7 +56,7 @@ function MaskSet() {
       newMasks = null;
     }
     dispatch({
-      type: "set.pseudospatial.maskValues",
+      type: 'set.pseudospatial.maskValues',
       maskValues: newMasks
     });
   };
@@ -64,12 +64,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
       });
     }
@@ -82,13 +82,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__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(Dropdown, {
       children: [/*#__PURE__*/_jsx(Dropdown.Toggle, {
         variant: "light",
-        children: _.capitalize(settings.pseudospatial.maskSet || "Select a mask set")
+        children: _.capitalize(settings.pseudospatial.maskSet || 'Select a mask set')
       }), /*#__PURE__*/_jsxs(Dropdown.Menu, {
         children: [/*#__PURE__*/_jsx(Dropdown.Header, {
           children: "Mask set"
@@ -140,10 +140,10 @@ function OpacitySlider(_ref) {
         valueLabelFormat: value => "".concat((value * 100).toFixed(0), "%"),
         marks: [{
           value: 0,
-          label: "0%"
+          label: '0%'
         }, {
           value: 1,
-          label: "100%"
+          label: '100%'
         }]
       })
     })]
@@ -170,7 +170,7 @@ export function PseudospatialToolbar(_ref2) {
       opacity: settings.pseudospatial.refImg.opacity,
       setOpacity: opacity => {
         dispatch({
-          type: "set.pseudospatial.refImg.opacity",
+          type: 'set.pseudospatial.refImg.opacity',
           opacity: opacity
         });
       }