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

package/dist/esm/utils/Histogram.js

@@ -1,8 +1,8 @@
-import React from "react";
 import { SparkLineChart, mangoFusionPalette, blueberryTwilightPalette } from "@mui/x-charts";
 import _ from "lodash";
 import { LoadingLinear } from "./LoadingIndicators";
 import { formatNumerical, FORMATS } from "./string";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function Histogram(_ref) {
   var _data$bin_edges;
   let {
@@ -10,36 +10,38 @@ export function Histogram(_ref) {
     isPending,
     altColor = false
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "feature-histogram-container"
-  }, isPending ? /*#__PURE__*/React.createElement(LoadingLinear, null) : data ? /*#__PURE__*/React.createElement("div", {
-    className: "feature-histogram m-1"
-  }, /*#__PURE__*/React.createElement(SparkLineChart, {
-    plotType: "bar",
-    data: data.log10,
-    margin: {
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    },
-    colors: altColor ? mangoFusionPalette : blueberryTwilightPalette,
-    showHighlight: true,
-    showTooltip: true,
-    valueFormatter: (v, _ref2) => {
-      let {
-        dataIndex
-      } = _ref2;
-      return "".concat(formatNumerical(data.hist[dataIndex]));
-    },
-    xAxis: {
-      data: _.range((_data$bin_edges = data.bin_edges) === null || _data$bin_edges === void 0 ? void 0 : _data$bin_edges.length) || null,
-      valueFormatter: v => "Bin [".concat(formatNumerical(data.bin_edges[v][0], FORMATS.EXPONENTIAL), ", ").concat(formatNumerical(data.bin_edges[v][1], FORMATS.EXPONENTIAL)).concat(v === data.bin_edges.length - 1 ? "]" : ")")
-    },
-    slotProps: {
-      popper: {
-        className: "feature-histogram-tooltip"
-      }
-    }
-  })) : null);
+  return /*#__PURE__*/_jsx("div", {
+    className: "feature-histogram-container",
+    children: isPending ? /*#__PURE__*/_jsx(LoadingLinear, {}) : data ? /*#__PURE__*/_jsx("div", {
+      className: "feature-histogram m-1",
+      children: /*#__PURE__*/_jsx(SparkLineChart, {
+        plotType: "bar",
+        data: data.log10,
+        margin: {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        },
+        colors: altColor ? mangoFusionPalette : blueberryTwilightPalette,
+        showHighlight: true,
+        showTooltip: true,
+        valueFormatter: (v, _ref2) => {
+          let {
+            dataIndex
+          } = _ref2;
+          return "".concat(formatNumerical(data.hist[dataIndex]));
+        },
+        xAxis: {
+          data: _.range((_data$bin_edges = data.bin_edges) === null || _data$bin_edges === void 0 ? void 0 : _data$bin_edges.length) || null,
+          valueFormatter: v => "Bin [".concat(formatNumerical(data.bin_edges[v][0], FORMATS.EXPONENTIAL), ", ").concat(formatNumerical(data.bin_edges[v][1], FORMATS.EXPONENTIAL)).concat(v === data.bin_edges.length - 1 ? "]" : ")")
+        },
+        slotProps: {
+          popper: {
+            className: "feature-histogram-tooltip"
+          }
+        }
+      })
+    }) : null
+  });
 }

package/dist/esm/utils/ImageViewer.js

@@ -1,5 +1,6 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Alert } from "react-bootstrap";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export const ImageViewer = _ref => {
   let {
     src,
@@ -12,7 +13,7 @@ export const ImageViewer = _ref => {
     setError(true);
   };
   if (!error) {
-    return /*#__PURE__*/React.createElement("img", {
+    return /*#__PURE__*/_jsx("img", {
       src: src,
       alt: alt,
       className: className,
@@ -20,8 +21,11 @@ export const ImageViewer = _ref => {
       onError: handleError
     });
   } else {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Alert, {
-      variant: "danger"
-    }, "Failed to load image"));
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsx(Alert, {
+        variant: "danger",
+        children: "Failed to load image"
+      })
+    });
   }
 };

package/dist/esm/utils/Legend.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { faDroplet } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import _ from "lodash";
@@ -6,6 +6,7 @@ import { formatNumerical, FORMATS } from "./string";
 import { COLOR_ENCODINGS } from "../constants/constants";
 import { useSettings } from "../context/SettingsContext";
 import { rgbToHex, useColor } from "../helpers/color-helper";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Legend(_ref) {
   let {
     isCategorical = false,
@@ -25,41 +26,48 @@ export function Legend(_ref) {
         categorical: isCategorical,
         colorscale: colorscale
       }));
-      return /*#__PURE__*/React.createElement("span", {
-        key: i,
+      return /*#__PURE__*/_jsx("span", {
         className: "grad-step",
         style: {
           backgroundColor: color
         }
-      });
+      }, i);
     });
   }, [colorscale, getColor, isCategorical]);
   if (settings.colorEncoding && !isCategorical) {
     var _settings$selectedVar, _settings$selectedObs;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "cherita-legend"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "gradient"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "small m-0 p-0"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: faDroplet,
-      className: "me-1"
-    }), (settings.colorEncoding === 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.createElement("span", {
-      className: "domain-min"
-    }, formatNumerical(min, FORMATS.EXPONENTIAL)), /*#__PURE__*/React.createElement("span", {
-      className: "domain-med"
-    }, formatNumerical((min + max) * 0.5, FORMATS.EXPONENTIAL)), /*#__PURE__*/React.createElement("span", {
-      className: "domain-max"
-    }, formatNumerical(max, FORMATS.EXPONENTIAL))));
+    return /*#__PURE__*/_jsx("div", {
+      className: "cherita-legend",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "gradient",
+        children: [/*#__PURE__*/_jsxs("p", {
+          className: "small m-0 p-0",
+          children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+            icon: faDroplet,
+            className: "me-1"
+          }), (settings.colorEncoding === 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__*/_jsx("span", {
+          className: "domain-min",
+          children: formatNumerical(min, FORMATS.EXPONENTIAL)
+        }), /*#__PURE__*/_jsx("span", {
+          className: "domain-med",
+          children: formatNumerical((min + max) * 0.5, FORMATS.EXPONENTIAL)
+        }), /*#__PURE__*/_jsx("span", {
+          className: "domain-max",
+          children: formatNumerical(max, FORMATS.EXPONENTIAL)
+        })]
+      })
+    });
   } else if (settings.colorEncoding === COLOR_ENCODINGS.OBS && settings.selectedObs) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "cherita-legend categorical"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "legend-text text-end m-0 p-0"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: faDroplet,
-      className: "me-2"
-    }), settings.selectedObs.name));
+    return /*#__PURE__*/_jsx("div", {
+      className: "cherita-legend categorical",
+      children: /*#__PURE__*/_jsxs("p", {
+        className: "legend-text text-end m-0 p-0",
+        children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+          icon: faDroplet,
+          className: "me-2"
+        }), settings.selectedObs.name]
+      })
+    });
   }
 }

package/dist/esm/utils/LoadingIndicators.js

@@ -1,22 +1,25 @@
-import React from 'react';
 import { Box, CircularProgress, LinearProgress } from "@mui/material";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const LoadingSpinner = _ref => {
   let {
     text = null,
     disableShrink = false
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "loading-spinner"
-  }, /*#__PURE__*/React.createElement(CircularProgress, {
-    disableShrink: disableShrink
-  }), (text === null || text === void 0 ? void 0 : text.length) && /*#__PURE__*/React.createElement("span", {
-    className: "visually-hidden"
-  }, text));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "loading-spinner",
+    children: [/*#__PURE__*/_jsx(CircularProgress, {
+      disableShrink: disableShrink
+    }), (text === null || text === void 0 ? void 0 : text.length) && /*#__PURE__*/_jsx("span", {
+      className: "visually-hidden",
+      children: text
+    })]
+  });
 };
 export const LoadingLinear = () => {
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/_jsx(Box, {
     sx: {
       width: "100%"
-    }
-  }, /*#__PURE__*/React.createElement(LinearProgress, null));
+    },
+    children: /*#__PURE__*/_jsx(LinearProgress, {})
+  });
 };

package/dist/esm/utils/Skeleton.js

@@ -1,13 +1,14 @@
-import React from "react";
 import { Button, Placeholder } from "react-bootstrap";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const ObsmKeysListBtn = () => {
-  return /*#__PURE__*/React.createElement(Placeholder, {
+  return /*#__PURE__*/_jsx(Placeholder, {
     as: Button,
-    animation: "glow"
-  }, /*#__PURE__*/React.createElement(Placeholder, {
-    xs: 6,
-    style: {
-      width: "40px"
-    }
-  }));
+    animation: "glow",
+    children: /*#__PURE__*/_jsx(Placeholder, {
+      xs: 6,
+      style: {
+        width: "40px"
+      }
+    })
+  });
 };

package/dist/esm/utils/StyledTooltip.js

@@ -1,14 +1,19 @@
 const _excluded = ["className"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _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 { styled, Tooltip, tooltipClasses } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const StyledTooltip = styled(_ref => {
   let {
       className
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, props), {}, {
     classes: {
       popper: className
     }

package/dist/esm/utils/VirtualizedList.js

@@ -1,9 +1,14 @@
 const _excluded = ["getDataAtIndex", "count", "ItemComponent", "estimateSize", "overscan", "maxHeight"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _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 React, { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function VirtualizedList(_ref) {
   var _virtualItems$0$start, _virtualItems$;
   let {
@@ -29,31 +34,34 @@ export function VirtualizedList(_ref) {
   useEffect(() => {
     itemVirtualizer.measure();
   }, [itemVirtualizer, parentNode === null || parentNode === void 0 ? void 0 : parentNode.clientHeight, getDataAtIndex]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: refCallback,
     style: {
       overflowY: "auto",
       maxHeight: maxHeight
     },
-    className: "modern-scrollbars"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: "".concat(itemVirtualizer.getTotalSize(), "px"),
-      width: "100%",
-      position: "relative",
-      willChange: "transform"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
-    }
-  }, virtualItems.map(virtualItem => /*#__PURE__*/React.createElement("div", {
-    key: virtualItem.key,
-    "data-index": virtualItem.index,
-    ref: itemVirtualizer.measureElement
-  }, /*#__PURE__*/React.createElement(ItemComponent, _extends({}, getDataAtIndex(virtualItem.index), props)))))));
+    className: "modern-scrollbars",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        height: "".concat(itemVirtualizer.getTotalSize(), "px"),
+        width: "100%",
+        position: "relative",
+        willChange: "transform"
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
+        },
+        children: virtualItems.map(virtualItem => /*#__PURE__*/_jsx("div", {
+          "data-index": virtualItem.index,
+          ref: itemVirtualizer.measureElement,
+          children: /*#__PURE__*/_jsx(ItemComponent, _objectSpread(_objectSpread({}, getDataAtIndex(virtualItem.index)), props))
+        }, virtualItem.key))
+      })
+    })
+  });
 }

package/dist/esm/utils/errors.js

@@ -29,7 +29,7 @@ export const parseError = err => {
       });
     case "InvalidKey":
       return _objectSpread(_objectSpread({}, err), {}, {
-        message: "Key not found in datset"
+        message: "Key not found in dataset"
       });
     case "BadRequest":
       return _objectSpread(_objectSpread({}, err), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "1.4.1-dev.2025-10-22.61540191",
+  "version": "1.4.1-dev.2025-10-23.3179e534",
   "author": "Haniffa Lab",
   "license": "MIT",
   "keywords": [
@@ -93,7 +93,7 @@
     "copy:scss": "cpx 'src/scss/**/*' 'scss'",
     "copy:assets": "cpx 'src/assets/**/*' 'dist/assets'",
     "build": "npm run build:babel && npm run build:scss && npm run copy:scss && npm run copy:assets",
-    "test": "jest --watchAll",
+    "test": "jest",
     "test:ci": "jest --coverage --ci --no-watch",
     "lint:scss": "stylelint 'src/**/*.scss' --fix",
     "lint:js": "eslint 'src/**/*.js' --fix",
@@ -128,5 +128,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "615401914075590f2159adb28a6db12e0d02b720"
+  "prereleaseSha": "3179e53458e4da1158925c45812fd62956ccd143"
 }