@haniffalab/cherita-react 0.2.0-dev.2025-01-22.f523ac5e → 0.2.0-dev.2025-01-28.4d5ab0a4

package/dist/components/violin/Violin.js

@@ -15,14 +15,12 @@ var _DatasetContext = require("../../context/DatasetContext");
 var _FilterContext = require("../../context/FilterContext");
 var _LoadingIndicators = require("../../utils/LoadingIndicators");
 var _requests = require("../../utils/requests");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function Violin(_ref) {
-  let {
-    mode = _constants.VIOLIN_MODES.MULTIKEY
-  } = _ref;
+function Violin({
+  mode = _constants.VIOLIN_MODES.MULTIKEY
+}) {
   const ENDPOINT = "violin";
   const dataset = (0, _DatasetContext.useDataset)();
   const {
@@ -117,48 +115,35 @@ function Violin(_ref) {
   }, [fetchedData, hasSelections, isPending, serverError]);
   if (!serverError) {
     if (hasSelections) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "cherita-violin position-relative",
-        children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
-          data: data,
-          layout: layout,
-          useResizeHandler: true,
-          style: {
-            maxWidth: "100%",
-            maxHeight: "100%"
-          }
-        }), fetchedData?.resampled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Alert, {
-          variant: "warning",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-            children: "Warning:"
-          }), " For performance reasons this plot was generated with resampled data. It will not be exactly the same as one produced with the entire dataset. \xA0", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-            placement: "top",
-            overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
-              children: "Resampled to 100K values following a Monte Carlo style approach to help ensure resampled data is a good representation of the original dataset's distribution."
-            }),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-              icon: _freeSolidSvgIcons.faCircleInfo
-            })
-          })]
-        })]
-      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "cherita-violin position-relative"
+      }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingIndicators.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement(_reactPlotly.default, {
+        data: data,
+        layout: layout,
+        useResizeHandler: true,
+        style: {
+          maxWidth: "100%",
+          maxHeight: "100%"
+        }
+      }), fetchedData?.resampled && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+        variant: "warning"
+      }, /*#__PURE__*/_react.default.createElement("b", null, "Warning:"), " For performance reasons this plot was generated with resampled data. It will not be exactly the same as one produced with the entire dataset. \xA0", /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
+        placement: "top",
+        overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, "Resampled to 100K values following a Monte Carlo style approach to help ensure resampled data is a good representation of the original dataset's distribution.")
+      }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: _freeSolidSvgIcons.faCircleInfo
+      }))));
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "cherita-violin",
-      children: [mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
-        variant: "light",
-        children: "Select features"
-      }), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
-        variant: "light",
-        children: "Select categories and a feature"
-      })]
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cherita-violin"
+    }, mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+      variant: "light"
+    }, "Select features"), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+      variant: "light"
+    }, "Select categories and a feature"));
   } else {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
-        variant: "danger",
-        children: serverError.message
-      })
-    });
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+      variant: "danger"
+    }, serverError.message));
   }
 }

package/dist/components/violin/ViolinControls.js

@@ -9,12 +9,12 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _reactBootstrap = require("react-bootstrap");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ViolinControls() {
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
-  const scaleList = _lodash.default.values(_constants.VIOLINPLOT_SCALES).map(scale => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
+  const scaleList = _lodash.default.values(_constants.VIOLINPLOT_SCALES).map(scale => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
+    key: scale.value,
     active: dataset.controls.scale.violinplot === scale,
     onClick: () => {
       dispatch({
@@ -22,24 +22,10 @@ function ViolinControls() {
         plot: "violinplot",
         scale: scale
       });
-    },
-    children: scale.name
-  }, scale.value));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonToolbar, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
-          children: "Scale"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
-            id: "dropdownStandardScale",
-            variant: "light",
-            children: dataset.controls.scale.violinplot.name
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
-            children: scaleList
-          })]
-        })]
-      })
-    })
-  });
+    }
+  }, scale.name));
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonToolbar, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, "Scale"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Toggle, {
+    id: "dropdownStandardScale",
+    variant: "light"
+  }, dataset.controls.scale.violinplot.name), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Menu, null, scaleList)))));
 }

package/dist/context/DatasetContext.js

@@ -15,7 +15,6 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _FilterContext = require("./FilterContext");
 var _ZarrDataContext = require("./ZarrDataContext");
 var _constants = require("../constants/constants");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -40,11 +39,10 @@ const persistOptions = {
     storage: window.localStorage
   }),
   dehydrateOptions: {
-    shouldDehydrateQuery: _ref => {
-      let {
-        queryKey,
-        state
-      } = _ref;
+    shouldDehydrateQuery: ({
+      queryKey,
+      state
+    }) => {
       if (state.status === "success") {
         return persistKeys.includes(queryKey?.[0]);
       }
@@ -113,12 +111,11 @@ const initializer = initialState => {
   const localValues = _lodash.default.pick(localObj, keys);
   return _lodash.default.assign(initialState, localValues);
 };
-function DatasetProvider(_ref2) {
-  let {
-    dataset_url,
-    children,
-    ...dataset_params
-  } = _ref2;
+function DatasetProvider({
+  dataset_url,
+  children,
+  ...dataset_params
+}) {
   const [dataset, dispatch] = (0, _react.useReducer)(datasetReducer, _lodash.default.assign(initializer({
     url: dataset_url,
     ...initialDataset
@@ -138,21 +135,14 @@ function DatasetProvider(_ref2) {
       }
     }
   }, [dataset]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetContext.Provider, {
-    value: dataset,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetDispatchContext.Provider, {
-      value: dispatch,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQueryPersistClient.PersistQueryClientProvider, {
-        client: queryClient,
-        persistOptions: persistOptions,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterContext.FilterProvider, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZarrDataContext.ZarrDataProvider, {
-            children: children
-          })
-        })
-      })
-    })
-  });
+  return /*#__PURE__*/_react.default.createElement(DatasetContext.Provider, {
+    value: dataset
+  }, /*#__PURE__*/_react.default.createElement(DatasetDispatchContext.Provider, {
+    value: dispatch
+  }, /*#__PURE__*/_react.default.createElement(_reactQueryPersistClient.PersistQueryClientProvider, {
+    client: queryClient,
+    persistOptions: persistOptions
+  }, /*#__PURE__*/_react.default.createElement(_FilterContext.FilterProvider, null, /*#__PURE__*/_react.default.createElement(_ZarrDataContext.ZarrDataProvider, null, children)))));
 }
 function useDataset() {
   return (0, _react.useContext)(DatasetContext);

package/dist/context/FilterContext.js

@@ -8,7 +8,6 @@ exports.FilteredDataDispatchContext = exports.FilteredDataContext = void 0;
 exports.useFilteredData = useFilteredData;
 exports.useFilteredDataDispatch = useFilteredDataDispatch;
 var _react = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const FilteredDataContext = exports.FilteredDataContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -20,20 +19,17 @@ const initialFilterData = {
   slicedLength: null,
   isSliced: false
 };
-function FilterProvider(_ref) {
-  let {
-    children
-  } = _ref;
+function FilterProvider({
+  children
+}) {
   const [filteredData, dispatch] = (0, _react.useReducer)(filterReducer, {
     ...initialFilterData
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FilteredDataContext.Provider, {
-    value: filteredData,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FilteredDataDispatchContext.Provider, {
-      value: dispatch,
-      children: children
-    })
-  });
+  return /*#__PURE__*/_react.default.createElement(FilteredDataContext.Provider, {
+    value: filteredData
+  }, /*#__PURE__*/_react.default.createElement(FilteredDataDispatchContext.Provider, {
+    value: dispatch
+  }, children));
 }
 function useFilteredData() {
   return (0, _react.useContext)(FilteredDataContext);

package/dist/context/ZarrDataContext.js

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

package/dist/helpers/color-helper.js

@@ -42,18 +42,17 @@ const rgbToHex = color => {
 exports.rgbToHex = rgbToHex;
 const useColor = () => {
   const dataset = (0, _DatasetContext.useDataset)();
-  const getColor = (0, _react.useCallback)(_ref => {
-    let {
-      value,
-      categorical = false,
-      grayOut = false,
-      grayParams: {
-        alpha = 0.75,
-        gray = 0.95
-      } = {},
-      colorEncoding = dataset.colorEncoding,
-      colorscale = null
-    } = _ref;
+  const getColor = (0, _react.useCallback)(({
+    value,
+    categorical = false,
+    grayOut = false,
+    grayParams: {
+      alpha = 0.75,
+      gray = 0.95
+    } = {},
+    colorEncoding = dataset.colorEncoding,
+    colorscale = null
+  }) => {
     const colormap = colorscale || _colorscales.COLORSCALES[categorical ? "Accent" : dataset.controls.colorScale];
     if (colorEncoding) {
       if (grayOut) {

package/dist/helpers/map-helper.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.MapHelper = void 0;
 var _core = require("@deck.gl/core");
 class MapHelper {
-  fitBounds(coords) {
-    let {
-      width = 400,
-      height = 600
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      width: 400,
-      height: 600
-    };
+  fitBounds(coords, {
+    width = 400,
+    height = 600
+  } = {
+    width: 400,
+    height: 600
+  }) {
     let view = new _core.WebMercatorViewport({
       width: width,
       height: height,

package/dist/helpers/zarr-helper.js

@@ -9,11 +9,10 @@ var _zarr = require("zarr");
 const GET_OPTIONS = exports.GET_OPTIONS = {
   concurrencyLimit: 10,
   // max number of concurrent requests (default 10)
-  progressCallback: _ref => {
-    let {
-      progress,
-      queueSize
-    } = _ref;
+  progressCallback: ({
+    progress,
+    queueSize
+  }) => {
     console.log(`${progress / queueSize * 100}% complete.`);
   } // callback executed after each request
 };
@@ -38,13 +37,10 @@ const fetchDataFromZarr = async (url, path, s, opts) => {
     throw new Error(error.message);
   }
 };
-const useZarr = function (_ref2) {
-  let {
-    url,
-    path
-  } = _ref2;
-  let s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+const useZarr = ({
+  url,
+  path
+}, s = null, opts = {}) => {
   const {
     enabled = true
   } = opts;
@@ -93,9 +89,7 @@ const aggregateData = (inputs, data) => {
 };
 
 // @TODO: return response of successfully fetched data when error occurs
-const useMultipleZarr = function (inputs) {
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let agg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : aggregateData;
+const useMultipleZarr = (inputs, opts = {}, agg = aggregateData) => {
   const {
     enabled = true
   } = opts;

package/dist/utils/Histogram.js

@@ -9,46 +9,39 @@ 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) {
-  let {
-    data,
-    isPending,
-    altColor = false
-  } = _ref;
-  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 `${(0, _string.formatNumerical)(data.hist[dataIndex])}`;
-        },
-        xAxis: {
-          data: _lodash.default.range(data.bin_edges?.length) || null,
-          valueFormatter: v => `Bin [${(0, _string.formatNumerical)(data.bin_edges[v][0], _string.FORMATS.EXPONENTIAL)}, ${(0, _string.formatNumerical)(data.bin_edges[v][1], _string.FORMATS.EXPONENTIAL)}${v === data.bin_edges.length - 1 ? "]" : ")"}`
-        },
-        slotProps: {
-          popper: {
-            className: "feature-histogram-tooltip"
-          }
-        }
-      })
-    }) : null
-  });
+function Histogram({
+  data,
+  isPending,
+  altColor = false
+}) {
+  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, {
+      dataIndex
+    }) => `${(0, _string.formatNumerical)(data.hist[dataIndex])}`,
+    xAxis: {
+      data: _lodash.default.range(data.bin_edges?.length) || null,
+      valueFormatter: v => `Bin [${(0, _string.formatNumerical)(data.bin_edges[v][0], _string.FORMATS.EXPONENTIAL)}, ${(0, _string.formatNumerical)(data.bin_edges[v][1], _string.FORMATS.EXPONENTIAL)}${v === data.bin_edges.length - 1 ? "]" : ")"}`
+    },
+    slotProps: {
+      popper: {
+        className: "feature-histogram-tooltip"
+      }
+    }
+  })) : null);
 }

package/dist/utils/ImageViewer.js

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

package/dist/utils/Legend.js

@@ -10,16 +10,14 @@ var _string = require("./string");
 var _constants = require("../constants/constants");
 var _DatasetContext = require("../context/DatasetContext");
 var _colorHelper = require("../helpers/color-helper");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Legend(_ref) {
-  let {
-    isCategorical = false,
-    min = 0,
-    max = 1,
-    colorscale = null,
-    addText = ""
-  } = _ref;
+function Legend({
+  isCategorical = false,
+  min = 0,
+  max = 1,
+  colorscale = null,
+  addText = ""
+}) {
   const dataset = (0, _DatasetContext.useDataset)();
   const {
     getColor
@@ -31,44 +29,36 @@ function Legend(_ref) {
         categorical: isCategorical,
         colorscale: colorscale
       }));
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      return /*#__PURE__*/_react.React.createElement("span", {
+        key: i,
         className: "grad-step",
         style: {
           backgroundColor: color
         }
-      }, i);
+      });
     });
   }, [colorscale, getColor, isCategorical]);
   if (dataset.colorEncoding && !isCategorical) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "cherita-legend",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "gradient",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "small m-0 p-0",
-          children: (dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? dataset.selectedVar?.name : dataset.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)
-        })]
-      })
-    });
+    return /*#__PURE__*/_react.React.createElement("div", {
+      className: "cherita-legend"
+    }, /*#__PURE__*/_react.React.createElement("div", {
+      className: "gradient"
+    }, /*#__PURE__*/_react.React.createElement("p", {
+      className: "small m-0 p-0"
+    }, (dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? dataset.selectedVar?.name : dataset.selectedObs?.name) + addText), spanList, /*#__PURE__*/_react.React.createElement("span", {
+      className: "domain-min"
+    }, (0, _string.formatNumerical)(min, _string.FORMATS.EXPONENTIAL)), /*#__PURE__*/_react.React.createElement("span", {
+      className: "domain-med"
+    }, (0, _string.formatNumerical)((min + max) * 0.5, _string.FORMATS.EXPONENTIAL)), /*#__PURE__*/_react.React.createElement("span", {
+      className: "domain-max"
+    }, (0, _string.formatNumerical)(max, _string.FORMATS.EXPONENTIAL))));
   } else {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "cherita-legend",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "gradient",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "small m-0 p-0",
-          children: dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && dataset.selectedObs ? dataset.selectedObs.name : ""
-        })
-      })
-    });
+    return /*#__PURE__*/_react.React.createElement("div", {
+      className: "cherita-legend"
+    }, /*#__PURE__*/_react.React.createElement("div", {
+      className: "gradient"
+    }, /*#__PURE__*/_react.React.createElement("p", {
+      className: "small m-0 p-0"
+    }, dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && dataset.selectedObs ? dataset.selectedObs.name : "")));
   }
 }