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

package/dist/cjs/components/violin/Violin.js

@@ -20,6 +20,7 @@ var _Resolver = require("../../utils/Resolver");
 var _StyledTooltip = require("../../utils/StyledTooltip");
 var _PlotAlert = require("../full-page/PlotAlert");
 var _Toolbar = require("../toolbar/Toolbar");
+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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -141,69 +142,87 @@ function Violin(_ref) {
   const modeBarButtons = customModeBarButtons.length ? [customModeBarButtons, _constants.PLOTLY_MODEBAR_BUTTONS] : [_constants.PLOTLY_MODEBAR_BUTTONS];
   if (!serverError) {
     if (hasSelections) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "cherita-plot cherita-violin"
-      }, isPending && /*#__PURE__*/React.createElement(_LoadingIndicators.LoadingSpinner, null), /*#__PURE__*/React.createElement("div", {
-        className: "d-flex flex-column h-100"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "flex-grow-1 position-relative",
-        style: {
-          minHeight: "0"
-        }
-      }, /*#__PURE__*/React.createElement(_reactPlotly.default, {
-        data: data,
-        layout: layout,
-        useResizeHandler: true,
-        style: {
-          width: "100%",
-          height: "100%"
-        },
-        config: {
-          displaylogo: false,
-          modeBarButtons: modeBarButtons
-        }
-      })), (fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.resampled) && /*#__PURE__*/React.createElement("div", {
-        className: "resampled-tooltip-container"
-      }, /*#__PURE__*/React.createElement(_StyledTooltip.StyledTooltip, {
-        title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("strong", null, "Note:"), " This plot uses resampled data to improve performance, so values may differ slightly from the full dataset. The data were resampled to exactly 100,000 values using a Monte Carlo\u2013style approach to provide a representative view of the full distribution while reducing processing time."),
-        placement: "bottom"
-      }, /*#__PURE__*/React.createElement(_reactBootstrap.Badge, {
-        bg: "info"
-      }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
-        className: "fs-6",
-        icon: _freeSolidSvgIcons.faCircleInfo
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "d-none d-lg-inline ms-2 fs-6 text-uppercase"
-      }, "Resampled"))))));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "cherita-plot cherita-violin",
+        children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "d-flex flex-column h-100",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "flex-grow-1 position-relative",
+            style: {
+              minHeight: "0"
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
+              data: data,
+              layout: layout,
+              useResizeHandler: true,
+              style: {
+                width: "100%",
+                height: "100%"
+              },
+              config: {
+                displaylogo: false,
+                modeBarButtons: modeBarButtons
+              }
+            })
+          }), (fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.resampled) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "resampled-tooltip-container",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledTooltip.StyledTooltip, {
+              title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+                  children: "Note:"
+                }), " This plot uses resampled data to improve performance, so values may differ slightly from the full dataset. The data were resampled to exactly 100,000 values using a Monte Carlo\u2013style approach to provide a representative view of the full distribution while reducing processing time."]
+              }),
+              placement: "bottom",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Badge, {
+                bg: "info",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+                  className: "fs-6",
+                  icon: _freeSolidSvgIcons.faCircleInfo
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  className: "d-none d-lg-inline ms-2 fs-6 text-uppercase",
+                  children: "Resampled"
+                })]
+              })
+            })
+          })]
+        })]
+      });
     }
-    return /*#__PURE__*/React.createElement(_PlotAlert.PlotAlert, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PlotAlert.PlotAlert, {
       variant: "info",
-      heading: "Violin plot",
+      heading: "Set up your violin plot",
       plotType: plotType,
-      setPlotType: setPlotType
-    }, mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/React.createElement("p", {
-      className: "p-0 m-0"
-    }, "To begin, select one or more", " ", showVarsBtn ? /*#__PURE__*/React.createElement(_reactBootstrap.Button, {
-      variant: "link",
-      className: "border-0 p-0 align-baseline",
-      onClick: setShowVars
-    }, "features") : "features", " ", "to display their expression distributions across all observations."), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/React.createElement("p", {
-      className: "p-0 m-0"
-    }, "To begin, select a", " ", showObsBtn ? /*#__PURE__*/React.createElement(_reactBootstrap.Button, {
-      variant: "link",
-      className: "border-0 p-0 align-baseline",
-      onClick: setShowObs
-    }, "category") : "category", " ", "to group observations, and choose a", " ", showVarsBtn ? /*#__PURE__*/React.createElement(_reactBootstrap.Button, {
-      variant: "link",
-      className: "border-0 p-0 align-baseline",
-      onClick: setShowVars
-    }, "feature") : "feature", " ", "to view its distribution within each group."));
+      setPlotType: setPlotType,
+      children: [mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        className: "p-0 m-0",
+        children: ["Select one or more", " ", showVarsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+          variant: "link",
+          className: "border-0 p-0 align-baseline",
+          onClick: setShowVars,
+          children: "features"
+        }) : "features", " ", "to display their expression distributions across all observations."]
+      }), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        className: "p-0 m-0",
+        children: ["Select a", " ", showObsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+          variant: "link",
+          className: "border-0 p-0 align-baseline",
+          onClick: setShowObs,
+          children: "category"
+        }) : "category", " ", "to group observations, and choose a", " ", showVarsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+          variant: "link",
+          className: "border-0 p-0 align-baseline",
+          onClick: setShowVars,
+          children: "feature"
+        }) : "feature", " ", "to view its distribution within each group."]
+      })]
+    });
   } else {
-    return /*#__PURE__*/React.createElement(_PlotAlert.PlotAlert, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlotAlert.PlotAlert, {
       variant: "danger",
-      heading: "Violin plot",
+      heading: "Error displaying the violin plot",
       plotType: plotType,
-      setPlotType: setPlotType
-    }, serverError.message || "An unexpected error occurred while generating the plot.");
+      setPlotType: setPlotType,
+      children: serverError.message || "An unexpected error occurred while generating the plot."
+    });
   }
 }

package/dist/cjs/components/violin/ViolinControls.js

@@ -4,12 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ViolinControls = ViolinControls;
-var _react = _interopRequireDefault(require("react"));
 var _reactBootstrap = require("react-bootstrap");
 var _Controls = require("../controls/Controls");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _jsxRuntime = require("react/jsx-runtime");
 function ViolinControls() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, null, /*#__PURE__*/_react.default.createElement(_Controls.ScaleSelect, {
-    plot: "violinplot"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Controls.ScaleSelect, {
+        plot: "violinplot"
+      })
+    })
+  });
 }

package/dist/cjs/context/DatasetContext.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DatasetContext = void 0;
 exports.DatasetProvider = DatasetProvider;
 exports.useDataset = useDataset;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _querySyncStoragePersister = require("@tanstack/query-sync-storage-persister");
 var _reactQuery = require("@tanstack/react-query");
 var _reactQueryPersistClient = require("@tanstack/react-query-persist-client");
@@ -14,9 +14,9 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _FilterContext = require("./FilterContext");
 var _SettingsContext = require("./SettingsContext");
 var _ZarrDataContext = require("./ZarrDataContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["dataset_url", "children"];
 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 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -60,7 +60,7 @@ const persistOptions = {
       return false;
     }
   },
-  buster: "1.4.1-dev.2025-10-22.61540191" || "0.0.0"
+  buster: "1.4.1-dev.2025-10-23.3179e534" || "0.0.0"
   // @TODO: add maxAge and api version numbers as buster
 };
 const initialDataset = {
@@ -83,16 +83,23 @@ function DatasetProvider(_ref2) {
   const dataset = _lodash.default.assign(initialDataset, _objectSpread({
     url: dataset_url
   }, dataset_params));
-  return /*#__PURE__*/_react.default.createElement(DatasetContext.Provider, {
-    value: dataset
-  }, /*#__PURE__*/_react.default.createElement(_reactQueryPersistClient.PersistQueryClientProvider, {
-    client: queryClient,
-    persistOptions: persistOptions
-  }, /*#__PURE__*/_react.default.createElement(_SettingsContext.SettingsProvider, {
-    dataset_url: dataset.url,
-    defaultSettings: dataset.defaultSettings,
-    canOverrideSettings: dataset.canOverrideSettings
-  }, /*#__PURE__*/_react.default.createElement(_FilterContext.FilterProvider, null, /*#__PURE__*/_react.default.createElement(_ZarrDataContext.ZarrDataProvider, null, children)))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetContext.Provider, {
+    value: dataset,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQueryPersistClient.PersistQueryClientProvider, {
+      client: queryClient,
+      persistOptions: persistOptions,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsContext.SettingsProvider, {
+        dataset_url: dataset.url,
+        defaultSettings: dataset.defaultSettings,
+        canOverrideSettings: dataset.canOverrideSettings,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterContext.FilterProvider, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZarrDataContext.ZarrDataProvider, {
+            children: children
+          })
+        })
+      })
+    })
+  });
 }
 function useDataset() {
   return (0, _react.useContext)(DatasetContext);

package/dist/cjs/context/FilterContext.js

@@ -7,8 +7,8 @@ exports.FilterProvider = FilterProvider;
 exports.FilteredDataDispatchContext = exports.FilteredDataContext = void 0;
 exports.useFilteredData = useFilteredData;
 exports.useFilteredDataDispatch = useFilteredDataDispatch;
-var _react = _interopRequireWildcard(require("react"));
-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 _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -28,11 +28,13 @@ function FilterProvider(_ref) {
     children
   } = _ref;
   const [filteredData, dispatch] = (0, _react.useReducer)(filterReducer, _objectSpread({}, initialFilterData));
-  return /*#__PURE__*/_react.default.createElement(FilteredDataContext.Provider, {
-    value: filteredData
-  }, /*#__PURE__*/_react.default.createElement(FilteredDataDispatchContext.Provider, {
-    value: dispatch
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FilteredDataContext.Provider, {
+    value: filteredData,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FilteredDataDispatchContext.Provider, {
+      value: dispatch,
+      children: children
+    })
+  });
 }
 function useFilteredData() {
   return (0, _react.useContext)(FilteredDataContext);

package/dist/cjs/context/SettingsContext.js

@@ -7,13 +7,13 @@ exports.SettingsDispatchContext = exports.SettingsContext = void 0;
 exports.SettingsProvider = SettingsProvider;
 exports.useSettings = useSettings;
 exports.useSettingsDispatch = useSettingsDispatch;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _constants = require("../constants/constants");
 var _Resolver = require("../utils/Resolver");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["buster", "timestamp"];
 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 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -173,7 +173,7 @@ function SettingsProvider(_ref2) {
 
   // If the buster is not set or does not match the current package version,
   // reset localSettings to avoid stale data
-  if (!buster || buster !== "1.4.1-dev.2025-10-22.61540191") {
+  if (!buster || buster !== "1.4.1-dev.2025-10-23.3179e534") {
     localSettings = {};
   }
   const initSettings = (0, _react.useRef)(initializer({
@@ -198,7 +198,7 @@ function SettingsProvider(_ref2) {
     if (canOverrideSettings && settings) {
       try {
         localStorage.setItem(DATASET_STORAGE_KEY, JSON.stringify(_objectSpread({
-          buster: "1.4.1-dev.2025-10-22.61540191" || "0.0.0",
+          buster: "1.4.1-dev.2025-10-23.3179e534" || "0.0.0",
           timestamp: Date.now()
         }, _lodash.default.omit(settings, "data"))));
       } catch (err) {
@@ -210,11 +210,13 @@ function SettingsProvider(_ref2) {
       }
     }
   }, [DATASET_STORAGE_KEY, canOverrideSettings, settings]);
-  return /*#__PURE__*/_react.default.createElement(SettingsContext.Provider, {
-    value: settings
-  }, /*#__PURE__*/_react.default.createElement(SettingsDispatchContext.Provider, {
-    value: dispatch
-  }, settings && children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsContext.Provider, {
+    value: settings,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SettingsDispatchContext.Provider, {
+      value: dispatch,
+      children: settings && children
+    })
+  });
 }
 function useSettings() {
   return (0, _react.useContext)(SettingsContext);

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/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,9 +4,9 @@ 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,
@@ -19,7 +19,7 @@ const ImageViewer = _ref => {
     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,8 +12,8 @@ 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,
@@ -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));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {})
+  });
 };
 exports.LoadingLinear = LoadingLinear;