@haniffalab/cherita-react 0.2.0-dev.2024-09-26.775b9a06 → 0.2.0-dev.2024-09-26.1ea62883

package/dist/helpers/zarr-helper.js

@@ -66,21 +66,43 @@ const useZarr = function (_ref2) {
   };
 };
 exports.useZarr = useZarr;
+const fetchDataFromZarrs = async (inputs, opts) => {
+  try {
+    const results = await Promise.all(inputs.map(input => fetchDataFromZarr(input.url, input.path, input.s, opts)));
+    return results;
+  } catch (error) {
+    throw new Error(error.message);
+  }
+};
+const aggregateData = (inputs, data) => {
+  const dataObject = {};
+  data.forEach((result, index) => {
+    const key = inputs[index].key;
+    dataObject[key] = result;
+  });
+  return dataObject;
+};
 const useMultipleZarr = function (inputs) {
   let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const [results, setResults] = (0, _react.useState)({});
+  let agg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : aggregateData;
+  const [data, setData] = (0, _react.useState)(null);
+  const [isPending, setIsPending] = (0, _react.useState)(true);
+  const [serverError, setServerError] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
-    const fetchData = async () => {
-      const results = await Promise.all(inputs.map(input => fetchDataFromZarr(input.url, input.path, input.s, opts)));
-      const dataObject = {};
-      results.forEach((result, index) => {
-        const key = inputs[index].key;
-        dataObject[key] = result;
-      });
-      setResults(dataObject);
-    };
-    fetchData();
-  }, [inputs, opts]);
-  return results;
+    setIsPending(true);
+    setServerError(null);
+    fetchDataFromZarrs(inputs, opts).then(data => {
+      setData(agg(inputs, data));
+    }).catch(error => {
+      setServerError(error.message);
+    }).finally(() => {
+      setIsPending(false);
+    });
+  }, [agg, inputs, opts]);
+  return {
+    data,
+    isPending,
+    serverError
+  };
 };
 exports.useMultipleZarr = useMultipleZarr;

package/dist/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "DotplotControls", {
     return _DotplotControls.DotplotControls;
   }
 });
+Object.defineProperty(exports, "FilterProvider", {
+  enumerable: true,
+  get: function () {
+    return _FilterContext.FilterProvider;
+  }
+});
 Object.defineProperty(exports, "Heatmap", {
   enumerable: true,
   get: function () {
@@ -158,4 +164,5 @@ var _ViolinControls = require("./components/violin/ViolinControls");
 var _constants = require("./constants/constants");
 var _colorscales = require("./constants/colorscales");
 var _DatasetContext = require("./context/DatasetContext");
+var _FilterContext = require("./context/FilterContext");
 var _Offcanvas = require("./components/Offcanvas");

package/dist/utils/VirtualizedList.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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) {
+  var _virtualItems$0$start, _virtualItems$;
+  let {
+    getDataAtIndex,
+    count,
+    ItemComponent,
+    estimateSize = 44,
+    overscan = 25,
+    maxHeight = "80vh",
+    ...props
+  } = _ref;
+  const [parentNode, setParentNode] = (0, _react.useState)(null);
+  const itemVirtualizer = (0, _reactVirtual.useVirtualizer)({
+    count: count,
+    getScrollElement: () => parentNode,
+    estimateSize: () => estimateSize,
+    overscan: overscan
+  });
+  const refCallback = (0, _react.useCallback)(node => {
+    setParentNode(node);
+  }, []);
+  const virtualItems = itemVirtualizer.getVirtualItems();
+  (0, _react.useEffect)(() => {
+    itemVirtualizer.measure();
+  }, [itemVirtualizer, parentNode === null || parentNode === void 0 ? void 0 : parentNode.clientHeight]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: refCallback,
+    style: {
+      overflowY: "auto",
+      maxHeight: maxHeight
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: "".concat(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(".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__*/(0, _jsxRuntime.jsx)("div", {
+          "data-index": virtualItem.index,
+          ref: itemVirtualizer.measureElement,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemComponent, {
+            ...getDataAtIndex(virtualItem.index),
+            ...props
+          })
+        }, virtualItem.key))
+      })
+    })
+  });
+}

package/dist/utils/requests.js

@@ -40,7 +40,7 @@ async function fetchData(endpoint, params) {
   return await response.json();
 }
 const useFetch = function (endpoint, params) {
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let apiUrl = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   const {
     enabled = true
@@ -72,7 +72,7 @@ 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] : null;
+  let opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   let apiUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
   const {
     enabled = true

package/dist/utils/search.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useVarSearch = exports.useGetDisease = exports.useDiseaseSearch = void 0;
+exports.useVarSearch = exports.useDiseaseSearch = void 0;
 var _react = require("react");
 var _requests = require("./requests");
 var _DatasetContext = require("../context/DatasetContext");
@@ -28,7 +28,6 @@ exports.useDiseaseSearch = useDiseaseSearch;
 const useVarSearch = () => {
   const ENDPOINT = "var/names";
   const dataset = (0, _DatasetContext.useDataset)();
-  const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url,
     col: dataset.varNamesCol,
@@ -37,62 +36,10 @@ const useVarSearch = () => {
   const data = (0, _requests.useFetch)(ENDPOINT, params, {
     enabled: !!params.text.length
   });
-  const onSelect = item => {
-    dispatch({
-      type: "select.var",
-      var: item
-    });
-    dispatch({
-      type: "select.multivar",
-      var: item
-    });
-    dispatch({
-      type: "set.colorEncoding",
-      value: "var"
-    });
-  };
   return {
     params,
     setParams,
-    data,
-    onSelect
+    data
   };
 };
-exports.useVarSearch = useVarSearch;
-const useGetDisease = () => {
-  var _dataset$selectedDise, _dataset$selectedDise2, _params$diseaseName;
-  const ENDPOINT = "disease/genes";
-  const dataset = (0, _DatasetContext.useDataset)();
-  const dispatch = (0, _DatasetContext.useDatasetDispatch)();
-  const [params, setParams] = (0, _react.useState)({
-    url: dataset.url,
-    col: dataset.varNamesCol,
-    diseaseName: (_dataset$selectedDise = dataset.selectedDisease) === null || _dataset$selectedDise === void 0 ? void 0 : _dataset$selectedDise.name,
-    diseaseDatasets: dataset.diseaseDatasets
-  });
-  (0, _react.useEffect)(() => {
-    setParams(p => {
-      return {
-        ...p,
-        diseaseName: dataset.selectedDisease.name
-      };
-    });
-  }, [(_dataset$selectedDise2 = dataset.selectedDisease) === null || _dataset$selectedDise2 === void 0 ? void 0 : _dataset$selectedDise2.name]);
-  const {
-    fetchedData,
-    isPending,
-    serverError
-  } = (0, _requests.useFetch)(ENDPOINT, params, {
-    enabled: !!((_params$diseaseName = params.diseaseName) !== null && _params$diseaseName !== void 0 && _params$diseaseName.length)
-  });
-  (0, _react.useEffect)(() => {
-    if (!isPending && !serverError) {
-      dispatch({
-        type: "set.disease.genes",
-        genes: fetchedData
-      });
-    }
-  }, [dispatch, fetchedData, isPending, serverError]);
-  return;
-};
-exports.useGetDisease = useGetDisease;
+exports.useVarSearch = useVarSearch;

package/dist/utils/string.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prettyNumerical = prettyNumerical;
+function prettyNumerical(n) {
+  let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  if (n === 0) {
+    return "0";
+  } else if (n < 1 / 10 ** precision) {
+    return n.toExponential(precision);
+  } else {
+    return n.toLocaleString(undefined, {
+      maximumFractionDigits: precision
+    });
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "0.2.0-dev.2024-09-26.775b9a06",
+  "version": "0.2.0-dev.2024-09-26.1ea62883",
   "author": "",
   "license": "",
   "main": "dist/index.js",
@@ -16,6 +16,7 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@mui/icons-material": "^5.15.20",
     "@mui/material": "^5.15.19",
+    "@mui/x-charts": "^7.7.1",
     "@nebula.gl/editor": "^1.0.4",
     "@nebula.gl/layers": "^1.0.4",
     "@tanstack/query-sync-storage-persister": "^4.36.1",
@@ -84,5 +85,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "775b9a06d3c2ea887c69919e42fe5e7ba672dd23"
+  "prereleaseSha": "1ea628835d7acdea1f92e6058e59a72092d535c4"
 }

package/dist/components/obs-list/ObsValueList.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ObsValueList = ObsValueList;
-var _react = _interopRequireWildcard(require("react"));
-var _reactVirtual = require("@tanstack/react-virtual");
-var _lodash = _interopRequireDefault(require("lodash"));
-var _reactBootstrap = require("react-bootstrap");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ObsValueList(_ref) {
-  var _virtualItems$0$start, _virtualItems$;
-  let {
-    item,
-    onChange,
-    getFillColor
-  } = _ref;
-  const [parentNode, setParentNode] = (0, _react.useState)(null);
-  const valueVirtualizer = (0, _reactVirtual.useVirtualizer)({
-    count: item.values.length,
-    getScrollElement: () => parentNode,
-    estimateSize: () => 44,
-    overscan: 25
-  });
-  const refCallback = (0, _react.useCallback)(node => {
-    setParentNode(node);
-  }, []);
-  const virtualItems = valueVirtualizer.getVirtualItems();
-  (0, _react.useEffect)(() => {
-    valueVirtualizer.measure();
-  }, [valueVirtualizer, parentNode === null || parentNode === void 0 ? void 0 : parentNode.clientHeight]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: refCallback,
-      style: {
-        overflowY: "auto",
-        maxHeight: "80vh"
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          height: "".concat(valueVirtualizer.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(".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 => {
-            const value = item.values[virtualItem.index];
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              "data-index": virtualItem.index,
-              ref: valueVirtualizer.measureElement,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: "d-flex",
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                    className: "flex-grow-1",
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Check, {
-                      // prettier-ignore
-                      className: "obs-value-list-check",
-                      type: "switch",
-                      id: "custom-switch",
-                      label: value,
-                      checked: !_lodash.default.includes(item.omit, item.codes[value]),
-                      onChange: () => onChange(value)
-                    })
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "24",
-                      height: "24",
-                      fill: "currentColor",
-                      viewBox: "0 0 10 10",
-                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                        x: "0",
-                        y: "0",
-                        width: "10",
-                        height: "10",
-                        fill: getFillColor(value)
-                      })
-                    })
-                  })]
-                })
-              }, value)
-            }, virtualItem.key);
-          })
-        })
-      })
-    })
-  });
-}