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

package/dist/utils/LoadingIndicators.js

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

package/dist/utils/VirtualizedList.js

@@ -6,19 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.VirtualizedList = VirtualizedList;
 var _react = _interopRequireWildcard(require("react"));
 var _reactVirtual = require("@tanstack/react-virtual");
-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; }
-function VirtualizedList(_ref) {
-  let {
-    getDataAtIndex,
-    count,
-    ItemComponent,
-    estimateSize = 45,
-    overscan = 25,
-    maxHeight = "80vh",
-    ...props
-  } = _ref;
+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 VirtualizedList({
+  getDataAtIndex,
+  count,
+  ItemComponent,
+  estimateSize = 45,
+  overscan = 25,
+  maxHeight = "80vh",
+  ...props
+}) {
   const [parentNode, setParentNode] = (0, _react.useState)(null);
   const itemVirtualizer = (0, _reactVirtual.useVirtualizer)({
     count: count,
@@ -33,36 +32,30 @@ function VirtualizedList(_ref) {
   (0, _react.useEffect)(() => {
     itemVirtualizer.measure();
   }, [itemVirtualizer, parentNode?.clientHeight, getDataAtIndex]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: refCallback,
     style: {
       overflowY: "auto",
       maxHeight: maxHeight
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        height: `${itemVirtualizer.getTotalSize()}px`,
-        width: "100%",
-        position: "relative",
-        willChange: "transform"
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          width: "100%",
-          transform: `translateY(${virtualItems[0]?.start ?? 0}px)`
-        },
-        children: virtualItems.map(virtualItem => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          "data-index": virtualItem.index,
-          ref: itemVirtualizer.measureElement,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemComponent, {
-            ...getDataAtIndex(virtualItem.index),
-            ...props
-          })
-        }, virtualItem.key))
-      })
-    })
-  });
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: `${itemVirtualizer.getTotalSize()}px`,
+      width: "100%",
+      position: "relative",
+      willChange: "transform"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      transform: `translateY(${virtualItems[0]?.start ?? 0}px)`
+    }
+  }, virtualItems.map(virtualItem => /*#__PURE__*/_react.default.createElement("div", {
+    key: virtualItem.key,
+    "data-index": virtualItem.index,
+    ref: itemVirtualizer.measureElement
+  }, /*#__PURE__*/_react.default.createElement(ItemComponent, _extends({}, getDataAtIndex(virtualItem.index), props)))))));
 }

package/dist/utils/requests.js

@@ -10,10 +10,7 @@ var _usehooks = require("@uidotdev/usehooks");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _errors = require("./errors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-async function fetchData(endpoint, params) {
-  let signal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  let ms = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 300000;
-  let apiUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+async function fetchData(endpoint, params, signal = null, ms = 300000, apiUrl = null) {
   apiUrl = apiUrl || process.env.REACT_APP_API_URL;
   const controller = new AbortController();
   const timeout = setTimeout(() => {
@@ -41,12 +38,10 @@ async function fetchData(endpoint, params) {
   }
   return await response.json();
 }
-const useFetch = function (endpoint, params) {
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-    refetchOnMount: false,
-    refetchOnWindowFocus: false
-  };
-  let apiUrl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+const useFetch = (endpoint, params, opts = {
+  refetchOnMount: false,
+  refetchOnWindowFocus: false
+}, apiUrl = null) => {
   const {
     enabled = true
   } = opts;
@@ -56,10 +51,9 @@ const useFetch = function (endpoint, params) {
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: [endpoint, params],
-    queryFn: _ref => {
-      let {
-        signal
-      } = _ref;
+    queryFn: ({
+      signal
+    }) => {
       if (enabled) {
         return fetchData(endpoint, params, signal, apiUrl);
       } else {
@@ -75,13 +69,10 @@ const useFetch = function (endpoint, params) {
   };
 };
 exports.useFetch = useFetch;
-const useDebouncedFetch = function (endpoint, params) {
-  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
-  let opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
-    refetchOnMount: false,
-    refetchOnWindowFocus: false
-  };
-  let apiUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+const useDebouncedFetch = (endpoint, params, delay = 500, opts = {
+  refetchOnMount: false,
+  refetchOnWindowFocus: false
+}, apiUrl = null) => {
   const {
     enabled = true
   } = opts;
@@ -92,10 +83,9 @@ const useDebouncedFetch = function (endpoint, params) {
     error: serverError = null
   } = (0, _reactQuery.useQuery)({
     queryKey: [endpoint, debouncedParams],
-    queryFn: _ref2 => {
-      let {
-        signal
-      } = _ref2;
+    queryFn: ({
+      signal
+    }) => {
       if (enabled) {
         return fetchData(endpoint, debouncedParams, signal, apiUrl);
       } else {

package/dist/utils/string.js

@@ -13,33 +13,28 @@ const FORMATS = exports.FORMATS = {
   ABBREVIATION: "abbreviation",
   THOUSAND: "thousand"
 };
-function formatThousand(n) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+function formatThousand(n, precision = 3) {
   return (0, _numbro.default)(n).format({
     thousandSeparated: true,
     mantissa: precision,
     trimMantissa: true
   });
 }
-function formatExponential(n) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+function formatExponential(n, precision = 3) {
   return (0, _numbro.default)(n).format({
     exponential: true,
     mantissa: precision,
     trimMantissa: true
   });
 }
-function formatAbbreviation(n) {
-  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+function formatAbbreviation(n, precision = 3) {
   return (0, _numbro.default)(n).format({
     average: true,
     mantissa: precision,
     trimMantissa: true
   }).toUpperCase();
 }
-function formatNumerical(n) {
-  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : FORMATS.THOUSAND;
-  let precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3;
+function formatNumerical(n, format = FORMATS.THOUSAND, precision = 3) {
   if (n === 0) {
     return "0";
   } else if (!n || n === undefined || isNaN(n)) {

package/dist/utils/zarrData.js

@@ -26,15 +26,9 @@ const useObsmData = () => {
 };
 exports.useObsmData = useObsmData;
 const meanData = (_i, data) => {
-  return _lodash.default.zipWith(...data, function () {
-    for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
-      values[_key] = arguments[_key];
-    }
-    return _lodash.default.mean(values);
-  });
+  return _lodash.default.zipWith(...data, (...values) => _lodash.default.mean(values));
 };
-const useXData = function () {
-  let agg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : meanData;
+const useXData = (agg = meanData) => {
   const dataset = (0, _DatasetContext.useDataset)();
   const [xParams, setXParams] = (0, _react.useState)(!dataset.selectedVar ? [] : !dataset.selectedVar?.isSet ? [{
     url: dataset.url,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "0.2.0-dev.2025-01-22.f523ac5e",
+  "version": "0.2.0-dev.2025-01-28.4d5ab0a4",
   "author": "",
   "license": "",
   "main": "dist/index.js",
@@ -12,30 +12,30 @@
     "scss"
   ],
   "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/icons-material": "^5.15.20",
-    "@mui/material": "^5.15.19",
-    "@mui/x-charts": "^7.7.1",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@mui/icons-material": "^6.4.1",
+    "@mui/material": "^6.4.1",
+    "@mui/x-charts": "^7.24.1",
     "@nebula.gl/editor": "^1.0.4",
     "@nebula.gl/layers": "^1.0.4",
-    "@tanstack/query-sync-storage-persister": "^4.36.1",
-    "@tanstack/react-query": "^4.36.1",
-    "@tanstack/react-query-persist-client": "^4.36.1",
-    "@tanstack/react-virtual": "^3.7.0",
-    "@turf/turf": "^7.0.0",
+    "@tanstack/query-sync-storage-persister": "^5.64.2",
+    "@tanstack/react-query": "^5.64.2",
+    "@tanstack/react-query-persist-client": "^5.64.2",
+    "@tanstack/react-virtual": "^3.11.2",
+    "@turf/turf": "^7.2.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "bootstrap": "^5.3.0",
-    "deck.gl": "^8.9.19",
-    "jquery": "^3.7.0",
+    "bootstrap": "^5.3.3",
+    "deck.gl": "^9.1.0",
+    "jquery": "^3.7.1",
     "nebula.gl": "^1.0.4",
     "numbro": "^2.5.0",
-    "plotly.js": "^2.23.2",
+    "plotly.js": "^2.35.3",
     "popper.js": "^1.16.1",
-    "react-bootstrap": "^2.7.4",
+    "react-bootstrap": "^2.10.8",
     "react-plotly.js": "^2.6.0",
     "react-scripts": "^5.0.1",
     "zarr": "^0.6.3"
@@ -45,30 +45,36 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.5",
-    "@babel/core": "^7.22.5",
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.7",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.22.5",
-    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-react": "^7.26.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "babel-jest": "^29.7.0",
     "cpx": "^1.5.0",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-import": "^2.29.1",
-    "prettier": "^3.3.3",
-    "sass": "^1.79.5",
-    "stylelint": "^16.10.0",
+    "eslint-plugin-import": "^2.31.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.4.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.83.4",
+    "stylelint": "^16.13.2",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard-scss": "^13.1.0"
+    "stylelint-config-standard-scss": "^14.0.0"
   },
   "scripts": {
-    "start": "react-scripts start",
     "build:babel": "babel src/lib --out-dir dist --copy-files",
     "build:scss": "sass --load-path=node_modules src/scss/cherita-bootstrap.scss dist/css/cherita.css",
     "copy:scss": "cpx src/scss/**/* scss",
     "build": "npm run build:babel && npm run build:scss && npm run copy:scss",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
+    "test": "jest --watchAll",
     "lint:scss": "stylelint 'src/**/*.scss' --fix",
     "lint:js": "eslint 'src/**/*.js' --fix",
     "lint": "npm run lint:scss && npm run lint:js",
@@ -101,5 +107,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "f523ac5e8f96d002ae12a191e96c4eb9729c3f98"
+  "prereleaseSha": "4d5ab0a4d6e5d07c2fbc7786ad33294b2242d7ac"
 }