@haniffalab/cherita-react 1.3.0 → 1.3.1-dev.2025-10-29.def77f5f

package/dist/cjs/context/ZarrDataContext.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ZarrDataProvider = ZarrDataProvider;
 exports.useZarrData = useZarrData;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _Filter = require("../utils/Filter");
 var _zarrData = require("../utils/zarrData");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _jsxRuntime = require("react/jsx-runtime");
 const ZarrDataContext = /*#__PURE__*/(0, _react.createContext)(null);
 function ZarrDataProvider(_ref) {
   let {
@@ -25,9 +25,10 @@ function ZarrDataProvider(_ref) {
     serverError: obsmData.serverError || obsData.serverError || xData.serverError
   };
   (0, _Filter.useFilter)(data);
-  return /*#__PURE__*/_react.default.createElement(ZarrDataContext.Provider, {
-    value: data
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ZarrDataContext.Provider, {
+    value: data,
+    children: children
+  });
 }
 function useZarrData() {
   return (0, _react.useContext)(ZarrDataContext);

package/dist/cjs/helpers/color-helper.js

@@ -37,7 +37,7 @@ const computeColor = (colormap, value) => {
 };
 const rgbToHex = color => {
   const [r, g, b] = color || [0, 0, 0, 0];
-  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
 };
 exports.rgbToHex = rgbToHex;
 const useColor = () => {
@@ -54,7 +54,7 @@ const useColor = () => {
       colorEncoding = settings.colorEncoding,
       colorscale = null
     } = _ref;
-    const colormap = colorscale || _colorscales.COLORSCALES[categorical ? "Accent" : settings.controls.colorScale];
+    const colormap = colorscale || _colorscales.COLORSCALES[categorical ? 'Accent' : settings.controls.colorScale];
     if (colorEncoding) {
       if (grayOut) {
         // Mix color with gray manually instead of chroma.mix to get better performance with deck.gl

package/dist/cjs/helpers/map-helper.js

@@ -54,7 +54,8 @@ class MapHelper {
     return {
       longitude,
       latitude,
-      zoom
+      zoom,
+      bounds
     };
   }
 }

package/dist/cjs/helpers/zarr-helper.js

@@ -28,7 +28,7 @@ class ZarrHelper {
     const z = await (0, _zarr.openArray)({
       store: url,
       path: path,
-      mode: "r"
+      mode: 'r'
     });
     return z;
   }
@@ -60,7 +60,7 @@ const useZarr = function (_ref2) {
     isLoading: isPending = false,
     error: serverError = null
   } = (0, _reactQuery.useQuery)(_objectSpread({
-    queryKey: ["zarr", url, path, s],
+    queryKey: ['zarr', url, path, s],
     queryFn: () => fetchDataFromZarr(url, path, s, options),
     retry: (failureCount, _ref3) => {
       let {
@@ -102,7 +102,7 @@ const useMultipleZarr = function (inputs) {
     serverError = null
   } = (0, _reactQuery.useQueries)({
     queries: inputs.map(input => _objectSpread({
-      queryKey: ["zarr", input.url, input.path, input.s],
+      queryKey: ['zarr', input.url, input.path, input.s],
       queryFn: () => fetchDataFromZarr(input.url, input.path, input.s, options),
       retry: (failureCount, _ref4) => {
         let {

package/dist/cjs/index.js

@@ -39,24 +39,6 @@ Object.defineProperty(exports, "FullPage", {
     return _FullPage.FullPage;
   }
 });
-Object.defineProperty(exports, "FullPagePlots", {
-  enumerable: true,
-  get: function () {
-    return _FullPage.FullPagePlots;
-  }
-});
-Object.defineProperty(exports, "FullPagePseudospatial", {
-  enumerable: true,
-  get: function () {
-    return _FullPagePseudospatial.FullPagePseudospatial;
-  }
-});
-Object.defineProperty(exports, "FullPageScatterplot", {
-  enumerable: true,
-  get: function () {
-    return _FullPage.FullPageScatterplot;
-  }
-});
 Object.defineProperty(exports, "Heatmap", {
   enumerable: true,
   get: function () {
@@ -117,6 +99,12 @@ Object.defineProperty(exports, "OffcanvasVars", {
     return _offcanvas.OffcanvasVars;
   }
 });
+Object.defineProperty(exports, "PLOT_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _constants.PLOT_TYPES;
+  }
+});
 Object.defineProperty(exports, "Pseudospatial", {
   enumerable: true,
   get: function () {
@@ -147,6 +135,12 @@ Object.defineProperty(exports, "SearchBar", {
     return _SearchBar.SearchBar;
   }
 });
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function () {
+    return _Toolbar.Toolbar;
+  }
+});
 Object.defineProperty(exports, "VIOLIN_MODES", {
   enumerable: true,
   get: function () {
@@ -173,22 +167,22 @@ Object.defineProperty(exports, "ViolinControls", {
 });
 var _Dotplot = require("./components/dotplot/Dotplot");
 var _DotplotControls = require("./components/dotplot/DotplotControls");
+var _FullPage = require("./components/full-page/FullPage");
 var _Heatmap = require("./components/heatmap/Heatmap");
 var _HeatmapControls = require("./components/heatmap/HeatmapControls");
 var _Matrixplot = require("./components/matrixplot/Matrixplot");
 var _MatrixplotControls = require("./components/matrixplot/MatrixplotControls");
 var _ObsList = require("./components/obs-list/ObsList");
 var _ObsmList = require("./components/obsm-list/ObsmList");
+var _offcanvas = require("./components/offcanvas");
 var _Pseudospatial = require("./components/pseudospatial/Pseudospatial");
 var _Scatterplot = require("./components/scatterplot/Scatterplot");
 var _ScatterplotControls = require("./components/scatterplot/ScatterplotControls");
 var _SearchBar = require("./components/search-bar/SearchBar");
+var _Toolbar = require("./components/toolbar/Toolbar");
 var _VarList = require("./components/var-list/VarList");
 var _Violin = require("./components/violin/Violin");
 var _ViolinControls = require("./components/violin/ViolinControls");
-var _FullPage = require("./components/full-page/FullPage");
-var _FullPagePseudospatial = require("./components/full-page/FullPagePseudospatial");
-var _offcanvas = require("./components/offcanvas");
 var _colorscales = require("./constants/colorscales");
 var _constants = require("./constants/constants");
 var _DatasetContext = require("./context/DatasetContext");

package/dist/cjs/utils/Filter.js

@@ -7,6 +7,7 @@ exports.useFilter = void 0;
 var _react = require("react");
 var _turf = require("@turf/turf");
 var _lodash = _interopRequireDefault(require("lodash"));
+var _Resolver = require("./Resolver");
 var _constants = require("../constants/constants");
 var _FilterContext = require("../context/FilterContext");
 var _SettingsContext = require("../context/SettingsContext");
@@ -36,9 +37,14 @@ const isInValues = (omit, value) => {
   return !_lodash.default.includes(omit, value);
 };
 const useFilter = data => {
-  var _settings$selectedObs, _settings$selectedObs2, _settings$selectedObs3, _settings$selectedObs4, _settings$selectedObs7, _settings$selectedObs8;
+  var _selectedObs$omit, _selectedObs$bins2;
   const settings = (0, _SettingsContext.useSettings)();
   const filterDataDispatch = (0, _FilterContext.useFilteredDataDispatch)();
+  const selectedObs = (0, _Resolver.useSelectedObs)();
+  const omitCodes = _lodash.default.map((selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.omit) || [], o => {
+    var _selectedObs$codes;
+    return selectedObs === null || selectedObs === void 0 || (_selectedObs$codes = selectedObs.codes) === null || _selectedObs$codes === void 0 ? void 0 : _selectedObs$codes[o];
+  });
   const {
     obsmData,
     xData,
@@ -46,26 +52,25 @@ const useFilter = data => {
     isPending,
     serverError
   } = data;
-  const isCategorical = ((_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL || ((_settings$selectedObs2 = settings.selectedObs) === null || _settings$selectedObs2 === void 0 ? void 0 : _settings$selectedObs2.type) === _constants.OBS_TYPES.BOOLEAN;
-  const isContinuous = ((_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.type) === _constants.OBS_TYPES.CONTINUOUS;
-  const sliceByObs = settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !!((_settings$selectedObs4 = settings.selectedObs) !== null && _settings$selectedObs4 !== void 0 && _settings$selectedObs4.omit.length) || settings.sliceBy.obs;
+  const isCategorical = (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.CATEGORICAL || (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.BOOLEAN;
+  const isContinuous = (selectedObs === null || selectedObs === void 0 ? void 0 : selectedObs.type) === _constants.OBS_TYPES.CONTINUOUS;
+  const sliceByObs = settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !!(selectedObs !== null && selectedObs !== void 0 && (_selectedObs$omit = selectedObs.omit) !== null && _selectedObs$omit !== void 0 && _selectedObs$omit.length) || settings.sliceBy.obs;
   const isInObsSlice = (0, _react.useCallback)((index, values) => {
     let inSlice = true;
     if (values && sliceByObs) {
       if (isCategorical) {
-        var _settings$selectedObs5;
-        inSlice &= isInValues((_settings$selectedObs5 = settings.selectedObs) === null || _settings$selectedObs5 === void 0 ? void 0 : _settings$selectedObs5.omit, values[index]);
+        inSlice &= isInValues(omitCodes, values[index]);
       } else if (isContinuous) {
         if (isNaN(values[index])) {
-          var _settings$selectedObs6;
-          inSlice &= isInValues((_settings$selectedObs6 = settings.selectedObs) === null || _settings$selectedObs6 === void 0 ? void 0 : _settings$selectedObs6.omit, -1);
+          inSlice &= isInValues(omitCodes, -1);
         } else {
-          inSlice &= isInBins(values[index], settings.selectedObs.bins.binEdges, _lodash.default.without(settings.selectedObs.omit, -1));
+          var _selectedObs$bins;
+          inSlice &= isInBins(values[index], selectedObs === null || selectedObs === void 0 || (_selectedObs$bins = selectedObs.bins) === null || _selectedObs$bins === void 0 ? void 0 : _selectedObs$bins.binEdges, _lodash.default.without(omitCodes, -1));
         }
       }
     }
     return inSlice;
-  }, [(_settings$selectedObs7 = settings.selectedObs) === null || _settings$selectedObs7 === void 0 || (_settings$selectedObs7 = _settings$selectedObs7.bins) === null || _settings$selectedObs7 === void 0 ? void 0 : _settings$selectedObs7.binEdges, (_settings$selectedObs8 = settings.selectedObs) === null || _settings$selectedObs8 === void 0 ? void 0 : _settings$selectedObs8.omit, isCategorical, isContinuous, sliceByObs]);
+  }, [sliceByObs, isCategorical, isContinuous, omitCodes, selectedObs === null || selectedObs === void 0 || (_selectedObs$bins2 = selectedObs.bins) === null || _selectedObs$bins2 === void 0 ? void 0 : _selectedObs$bins2.binEdges]);
   const isInPolygonsSlice = (0, _react.useCallback)((index, positions) => {
     let inSlice = true;
     if (settings.sliceBy.polygons && positions) {
@@ -146,7 +151,7 @@ const useFilter = data => {
   (0, _react.useEffect)(() => {
     if (!isPending && !serverError) {
       filterDataDispatch({
-        type: "set.obs.indices",
+        type: 'set.obs.indices',
         indices: isSliced ? filteredIndices : null,
         valueMin: valueMin,
         valueMax: valueMax,

package/dist/cjs/utils/Histogram.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Histogram = Histogram;
-var _react = _interopRequireDefault(require("react"));
 var _xCharts = require("@mui/x-charts");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _LoadingIndicators = require("./LoadingIndicators");
 var _string = require("./string");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Histogram(_ref) {
   var _data$bin_edges;
@@ -17,36 +17,38 @@ function Histogram(_ref) {
     isPending,
     altColor = false
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "feature-histogram-container"
-  }, isPending ? /*#__PURE__*/_react.default.createElement(_LoadingIndicators.LoadingLinear, null) : data ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "feature-histogram m-1"
-  }, /*#__PURE__*/_react.default.createElement(_xCharts.SparkLineChart, {
-    plotType: "bar",
-    data: data.log10,
-    margin: {
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    },
-    colors: altColor ? _xCharts.mangoFusionPalette : _xCharts.blueberryTwilightPalette,
-    showHighlight: true,
-    showTooltip: true,
-    valueFormatter: (v, _ref2) => {
-      let {
-        dataIndex
-      } = _ref2;
-      return "".concat((0, _string.formatNumerical)(data.hist[dataIndex]));
-    },
-    xAxis: {
-      data: _lodash.default.range((_data$bin_edges = data.bin_edges) === null || _data$bin_edges === void 0 ? void 0 : _data$bin_edges.length) || null,
-      valueFormatter: v => "Bin [".concat((0, _string.formatNumerical)(data.bin_edges[v][0], _string.FORMATS.EXPONENTIAL), ", ").concat((0, _string.formatNumerical)(data.bin_edges[v][1], _string.FORMATS.EXPONENTIAL)).concat(v === data.bin_edges.length - 1 ? "]" : ")")
-    },
-    slotProps: {
-      popper: {
-        className: "feature-histogram-tooltip"
-      }
-    }
-  })) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "feature-histogram-container",
+    children: isPending ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingLinear, {}) : data ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "feature-histogram m-1",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xCharts.SparkLineChart, {
+        plotType: "bar",
+        data: data.log10,
+        margin: {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        },
+        colors: altColor ? _xCharts.mangoFusionPalette : _xCharts.blueberryTwilightPalette,
+        showHighlight: true,
+        showTooltip: true,
+        valueFormatter: (v, _ref2) => {
+          let {
+            dataIndex
+          } = _ref2;
+          return "".concat((0, _string.formatNumerical)(data.hist[dataIndex]));
+        },
+        xAxis: {
+          data: _lodash.default.range((_data$bin_edges = data.bin_edges) === null || _data$bin_edges === void 0 ? void 0 : _data$bin_edges.length) || null,
+          valueFormatter: v => "Bin [".concat((0, _string.formatNumerical)(data.bin_edges[v][0], _string.FORMATS.EXPONENTIAL), ", ").concat((0, _string.formatNumerical)(data.bin_edges[v][1], _string.FORMATS.EXPONENTIAL)).concat(v === data.bin_edges.length - 1 ? ']' : ')')
+        },
+        slotProps: {
+          popper: {
+            className: 'feature-histogram-tooltip'
+          }
+        }
+      })
+    }) : null
+  });
 }

package/dist/cjs/utils/ImageViewer.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageViewer = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactBootstrap = require("react-bootstrap");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _jsxRuntime = require("react/jsx-runtime");
 const ImageViewer = _ref => {
   let {
     src,
     alt,
-    className = "img-fluid"
+    className = 'img-fluid'
   } = _ref;
   const [error, setError] = (0, _react.useState)(false);
   const handleError = () => {
-    console.error("Error loading image from src:", src);
+    console.error('Error loading image from src:', src);
     setError(true);
   };
   if (!error) {
-    return /*#__PURE__*/_react.default.createElement("img", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: src,
       alt: alt,
       className: className,
@@ -27,9 +27,12 @@ const ImageViewer = _ref => {
       onError: handleError
     });
   } else {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
-      variant: "danger"
-    }, "Failed to load image"));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+        variant: "danger",
+        children: "Failed to load image"
+      })
+    });
   }
 };
 exports.ImageViewer = ImageViewer;

package/dist/cjs/utils/Legend.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Legend = Legend;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _lodash = _interopRequireDefault(require("lodash"));
@@ -12,15 +12,15 @@ var _string = require("./string");
 var _constants = require("../constants/constants");
 var _SettingsContext = require("../context/SettingsContext");
 var _colorHelper = require("../helpers/color-helper");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function Legend(_ref) {
   let {
     isCategorical = false,
     min = 0,
     max = 1,
     colorscale = null,
-    addText = ""
+    addText = ''
   } = _ref;
   const settings = (0, _SettingsContext.useSettings)();
   const {
@@ -33,41 +33,48 @@ function Legend(_ref) {
         categorical: isCategorical,
         colorscale: colorscale
       }));
-      return /*#__PURE__*/_react.default.createElement("span", {
-        key: i,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "grad-step",
         style: {
           backgroundColor: color
         }
-      });
+      }, i);
     });
   }, [colorscale, getColor, isCategorical]);
   if (settings.colorEncoding && !isCategorical) {
     var _settings$selectedVar, _settings$selectedObs;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "cherita-legend"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "gradient"
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "small m-0 p-0"
-    }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-      icon: _freeSolidSvgIcons.faDroplet,
-      className: "me-1"
-    }), (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? (_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name : (_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.name) + addText), spanList, /*#__PURE__*/_react.default.createElement("span", {
-      className: "domain-min"
-    }, (0, _string.formatNumerical)(min, _string.FORMATS.EXPONENTIAL)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "domain-med"
-    }, (0, _string.formatNumerical)((min + max) * 0.5, _string.FORMATS.EXPONENTIAL)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "domain-max"
-    }, (0, _string.formatNumerical)(max, _string.FORMATS.EXPONENTIAL))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "cherita-legend",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "gradient",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+          className: "small m-0 p-0",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+            icon: _freeSolidSvgIcons.faDroplet,
+            className: "me-1"
+          }), (settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? (_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name : (_settings$selectedObs = settings.selectedObs) === null || _settings$selectedObs === void 0 ? void 0 : _settings$selectedObs.name) + addText]
+        }), spanList, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "domain-min",
+          children: (0, _string.formatNumerical)(min, _string.FORMATS.EXPONENTIAL)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "domain-med",
+          children: (0, _string.formatNumerical)((min + max) * 0.5, _string.FORMATS.EXPONENTIAL)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "domain-max",
+          children: (0, _string.formatNumerical)(max, _string.FORMATS.EXPONENTIAL)
+        })]
+      })
+    });
   } else if (settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS && settings.selectedObs) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "cherita-legend categorical"
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "legend-text text-end m-0 p-0"
-    }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-      icon: _freeSolidSvgIcons.faDroplet,
-      className: "me-2"
-    }), settings.selectedObs.name));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "cherita-legend categorical",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        className: "legend-text text-end m-0 p-0",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+          icon: _freeSolidSvgIcons.faDroplet,
+          className: "me-2"
+        }), settings.selectedObs.name]
+      })
+    });
   }
 }

package/dist/cjs/utils/LoadingIndicators.js

@@ -4,28 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingSpinner = exports.LoadingLinear = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _jsxRuntime = require("react/jsx-runtime");
 const LoadingSpinner = _ref => {
   let {
     text = null,
     disableShrink = false
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "loading-spinner"
-  }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
-    disableShrink: disableShrink
-  }), (text === null || text === void 0 ? void 0 : text.length) && /*#__PURE__*/_react.default.createElement("span", {
-    className: "visually-hidden"
-  }, text));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "loading-spinner",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      disableShrink: disableShrink
+    }), (text === null || text === void 0 ? void 0 : text.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "visually-hidden",
+      children: text
+    })]
+  });
 };
 exports.LoadingSpinner = LoadingSpinner;
 const LoadingLinear = () => {
-  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     sx: {
-      width: "100%"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.LinearProgress, null));
+      width: '100%'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {})
+  });
 };
 exports.LoadingLinear = LoadingLinear;