@haniffalab/cherita-react 1.4.1 → 1.4.2

package/dist/cjs/context/ZarrDataContext.js

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

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

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

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

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

package/dist/cjs/utils/Filter.js

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

package/dist/cjs/utils/Histogram.js

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

package/dist/cjs/utils/ImageViewer.js

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

package/dist/cjs/utils/Legend.js

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

package/dist/cjs/utils/LoadingIndicators.js

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

package/dist/cjs/utils/Resolver.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSettingsVars = exports.useSelectedVar = exports.useSelectedObs = exports.useSelectedMultiVar = exports.useResolver = void 0;
+var _react = require("react");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _requests = require("./requests");
+var _constants = require("../constants/constants");
+var _DatasetContext = require("../context/DatasetContext");
+var _SettingsContext = require("../context/SettingsContext");
+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; }
+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); }
+const cleanSettings = settings => {
+  var _settings$data$pseudo;
+  // Remove obs and vars from settings that are not in data
+
+  const selectedObs = settings.selectedObs && settings.data.obs[settings.selectedObs.name] ? settings.selectedObs : null;
+  const labelObs = _lodash.default.filter(settings.labelObs, obsName => settings.data.obs[obsName]);
+  const selectedVar = settings.selectedVar && (settings.selectedVar.isSet ? _lodash.default.every(settings.selectedVar.vars, vv => settings.data.vars[vv.name]) : settings.data.vars[settings.selectedVar.name]) ? settings.selectedVar : null;
+  const selectedMultiVar = _lodash.default.filter(settings.selectedMultiVar, v => {
+    if (v.isSet) {
+      return _lodash.default.every(v.vars, vv => settings.data.vars[vv.name]);
+    } else {
+      return settings.data.vars[v.name];
+    }
+  });
+  const vars = _lodash.default.filter(settings.vars, v => {
+    if (v.isSet) {
+      return _lodash.default.every(v.vars, vv => settings.data.vars[vv.name]);
+    } else {
+      return settings.data.vars[v.name];
+    }
+  });
+  let pseudospatial = settings.pseudospatial;
+  if (!_lodash.default.keys(settings.data.pseudospatial).length) {
+    pseudospatial = {
+      maskSet: null,
+      maskValues: null,
+      categoricalMode: _constants.PSEUDOSPATIAL_CATEGORICAL_MODES.ACROSS.value
+    };
+  }
+  if (pseudospatial.maskSet && !_lodash.default.includes(_lodash.default.keys(settings.data.pseudospatial), pseudospatial.maskSet)) {
+    pseudospatial = _objectSpread(_objectSpread({}, pseudospatial), {}, {
+      maskSet: null
+    });
+  }
+  if (pseudospatial.maskValues && !!_lodash.default.difference(pseudospatial.maskValues, ((_settings$data$pseudo = settings.data.pseudospatial) === null || _settings$data$pseudo === void 0 ? void 0 : _settings$data$pseudo[pseudospatial.maskSet]) || []).length) {
+    pseudospatial = _objectSpread(_objectSpread({}, pseudospatial), {}, {
+      maskValues: null
+    });
+  }
+  return _objectSpread(_objectSpread({}, settings), {}, {
+    selectedObs: selectedObs,
+    labelObs: labelObs,
+    selectedVar: selectedVar,
+    selectedMultiVar: selectedMultiVar,
+    vars: vars,
+    pseudospatial: pseudospatial
+  });
+};
+const useResolver = initSettings => {
+  const dataset = (0, _DatasetContext.useDataset)();
+  const {
+    isPseudospatial = false
+  } = dataset;
+  const [isPending, setisPending] = (0, _react.useState)(true);
+  const [resolvedSettings, setResolvedSettings] = (0, _react.useState)(null);
+
+  // obs
+  // all obs should be in initSettings.selectedObs and initSettings.labelObs
+  const initObs = _lodash.default.uniqBy(_lodash.default.compact([initSettings.selectedObs, ..._lodash.default.map(initSettings.labelObs, o => ({
+    name: o
+  }))]), 'name');
+  const initObsNames = _lodash.default.map(initObs, o => o.name);
+  const [obsParams] = (0, _react.useState)({
+    url: dataset.url,
+    cols: initObsNames,
+    obsParams: _lodash.default.fromPairs(_lodash.default.map(initObs, o => [o.name, {
+      bins: o.bins || {}
+    }]))
+  });
+  const {
+    fetchedData: obsData,
+    isPending: obsDataPending,
+    serverError: obsDataError
+  } = (0, _requests.useFetch)('obs/cols', obsParams, {
+    enabled: !!initObsNames.length
+  });
+
+  // vars
+  // all vars should be in initSettings.vars from validation
+  const initVars = initSettings.vars;
+  const initVarsNames = _lodash.default.flatMap(initVars, v => v.isSet ? _lodash.default.map(v.vars, vv => vv.name) : v.name);
+  const [varParams] = (0, _react.useState)({
+    url: dataset.url,
+    col: dataset.varNamesCol,
+    names: initVarsNames
+  });
+  const {
+    fetchedData: varData,
+    isPending: varDataPending,
+    serverError: varDataError
+  } = (0, _requests.useFetch)('var/cols/names', varParams, {
+    enabled: !!varParams.names.length
+  });
+
+  // pseudospatial
+  const [pseudospatialParams] = (0, _react.useState)({
+    url: dataset.url
+  });
+  const pseudospatialEnabled = isPseudospatial;
+  const {
+    fetchedData: pseudospatialData,
+    isPending: pseudospatialDataPending,
+    serverError: pseudospatialDataError
+  } = (0, _requests.useFetch)('masks', pseudospatialParams, {
+    enabled: pseudospatialEnabled,
+    retry: false
+  });
+
+  // Use isPending to help set initial state to true
+  (0, _react.useEffect)(() => {
+    setisPending(obsDataPending || varDataPending || pseudospatialDataPending);
+  }, [obsDataPending, pseudospatialDataPending, varDataPending]);
+
+  // Use isPending along with other pending states
+  // to ensure they've all converged after state updates
+  (0, _react.useEffect)(() => {
+    if (isPending || obsDataPending || varDataPending || pseudospatialDataPending) {
+      return;
+    }
+    if (obsDataError) {
+      console.error('Error fetching obs data:', obsDataError);
+    }
+    if (varDataError) {
+      console.error('Error fetching var data:', varDataError);
+    }
+    if (pseudospatialDataError) {
+      console.error('Error fetching pseudospatial masks data:', pseudospatialDataError);
+    }
+    const data = {
+      obs: obsData ? _lodash.default.fromPairs(_lodash.default.map(obsData, o => [o.name, o])) : {},
+      vars: varData ? _lodash.default.fromPairs(_lodash.default.map(varData, v => [v.name, v])) : {},
+      pseudospatial: pseudospatialData || {}
+    };
+    const cleanedSettings = cleanSettings(_objectSpread(_objectSpread({}, initSettings), {}, {
+      data: data
+    }));
+    setResolvedSettings(cleanedSettings);
+  }, [initSettings, isPending, obsData, obsDataError, obsDataPending, pseudospatialData, pseudospatialDataError, pseudospatialDataPending, pseudospatialEnabled, varData, varDataError, varDataPending]);
+  return resolvedSettings;
+};
+exports.useResolver = useResolver;
+const useSelectedObs = () => {
+  const settings = (0, _SettingsContext.useSettings)();
+  return (0, _react.useMemo)(() => {
+    return settings.selectedObs ? _objectSpread(_objectSpread({}, settings.selectedObs), settings.data.obs[settings.selectedObs.name]) : null;
+  }, [settings.data.obs, settings.selectedObs]);
+};
+exports.useSelectedObs = useSelectedObs;
+const useSelectedVar = () => {
+  const settings = (0, _SettingsContext.useSettings)();
+  return (0, _react.useMemo)(() => {
+    if (settings.selectedVar) {
+      if (settings.selectedVar.isSet) {
+        return _objectSpread(_objectSpread({}, settings.selectedVar), {}, {
+          vars: settings.selectedVar.vars.map(v => _objectSpread({}, settings.data.vars[v.name]))
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, settings.selectedVar), settings.data.vars[settings.selectedVar.name]);
+      }
+    } else {
+      return null;
+    }
+  }, [settings.data.vars, settings.selectedVar]);
+};
+exports.useSelectedVar = useSelectedVar;
+const useSelectedMultiVar = () => {
+  const settings = (0, _SettingsContext.useSettings)();
+  return (0, _react.useMemo)(() => {
+    return _lodash.default.map(settings.selectedMultiVar, v => {
+      if (v.isSet) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          vars: v.vars.map(vv => _objectSpread({}, settings.data.vars[vv.name]))
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, v), settings.data.vars[v.name]);
+      }
+    });
+  }, [settings.data.vars, settings.selectedMultiVar]);
+};
+exports.useSelectedMultiVar = useSelectedMultiVar;
+const useSettingsVars = () => {
+  const settings = (0, _SettingsContext.useSettings)();
+  return (0, _react.useMemo)(() => {
+    return _lodash.default.map(settings.vars, v => {
+      if (v.isSet) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          vars: v.vars.map(vv => _objectSpread({}, settings.data.vars[vv.name]))
+        });
+      } else {
+        return _objectSpread(_objectSpread({}, v), settings.data.vars[v.name]);
+      }
+    });
+  }, [settings.data.vars, settings.vars]);
+};
+exports.useSettingsVars = useSettingsVars;