@haniffalab/cherita-react 0.2.0-dev.2024-05-21.ca7d726c → 0.2.0-dev.2024-09-26.f9979478

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/App.scss +67 -12
  2. package/dist/components/Offcanvas/index.js +9 -6
  3. package/dist/components/dotplot/Dotplot.js +5 -189
  4. package/dist/components/dotplot/DotplotControls.js +197 -0
  5. package/dist/components/heatmap/Heatmap.js +5 -31
  6. package/dist/components/heatmap/HeatmapControls.js +36 -0
  7. package/dist/components/matrixplot/Matrixplot.js +5 -59
  8. package/dist/components/matrixplot/MatrixplotControls.js +65 -0
  9. package/dist/components/obs-list/ObsList.js +251 -93
  10. package/dist/components/obs-list/ObsValueList.js +101 -0
  11. package/dist/components/obsm-list/ObsmList.js +25 -16
  12. package/dist/components/scatterplot/Legend.js +28 -36
  13. package/dist/components/scatterplot/Scatterplot.js +303 -119
  14. package/dist/components/scatterplot/ScatterplotControls.js +93 -0
  15. package/dist/components/scatterplot/SpatialControls.js +172 -0
  16. package/dist/components/scatterplot/Toolbox.js +18 -72
  17. package/dist/components/search-bar/SearchBar.js +2 -2
  18. package/dist/components/search-bar/SearchResults.js +2 -2
  19. package/dist/components/var-list/VarList.js +102 -40
  20. package/dist/components/violin/Violin.js +7 -46
  21. package/dist/components/violin/ViolinControls.js +50 -0
  22. package/dist/constants/colorscales.js +28 -0
  23. package/dist/constants/constants.js +11 -43
  24. package/dist/context/DatasetContext.js +122 -23
  25. package/dist/helpers/color-helper.js +54 -21
  26. package/dist/helpers/zarr-helper.js +39 -17
  27. package/dist/index.js +17 -11
  28. package/dist/utils/LoadingIndicators.js +33 -0
  29. package/dist/utils/requests.js +1 -1
  30. package/dist/utils/search.js +4 -3
  31. package/package.json +10 -4
  32. package/dist/utils/LoadingSpinner.js +0 -44
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useVarSearch = exports.useGetDisease = exports.useDiseaseSearch = void 0;
7
7
  var _react = require("react");
8
- var _DatasetContext = require("../context/DatasetContext");
9
8
  var _requests = require("./requests");
9
+ var _DatasetContext = require("../context/DatasetContext");
10
10
  const useDiseaseSearch = () => {
11
11
  const ENDPOINT = "diseases";
12
12
  const dataset = (0, _DatasetContext.useDataset)();
@@ -31,6 +31,7 @@ const useVarSearch = () => {
31
31
  const dispatch = (0, _DatasetContext.useDatasetDispatch)();
32
32
  const [params, setParams] = (0, _react.useState)({
33
33
  url: dataset.url,
34
+ col: dataset.varNamesCol,
34
35
  text: ""
35
36
  });
36
37
  const data = (0, _requests.useFetch)(ENDPOINT, params, {
@@ -38,11 +39,11 @@ const useVarSearch = () => {
38
39
  });
39
40
  const onSelect = item => {
40
41
  dispatch({
41
- type: "varSelected",
42
+ type: "select.var",
42
43
  var: item
43
44
  });
44
45
  dispatch({
45
- type: "multiVarSelected",
46
+ type: "select.multivar",
46
47
  var: item
47
48
  });
48
49
  dispatch({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haniffalab/cherita-react",
3
- "version": "0.2.0-dev.2024-05-21.ca7d726c",
3
+ "version": "0.2.0-dev.2024-09-26.f9979478",
4
4
  "author": "",
5
5
  "license": "",
6
6
  "main": "dist/index.js",
@@ -9,17 +9,22 @@
9
9
  "dist"
10
10
  ],
11
11
  "dependencies": {
12
+ "@emotion/react": "^11.11.4",
13
+ "@emotion/styled": "^11.11.5",
12
14
  "@fortawesome/fontawesome-svg-core": "^6.4.0",
13
15
  "@fortawesome/free-solid-svg-icons": "^6.4.0",
14
16
  "@fortawesome/react-fontawesome": "^0.2.0",
17
+ "@mui/icons-material": "^5.15.20",
18
+ "@mui/material": "^5.15.19",
15
19
  "@nebula.gl/editor": "^1.0.4",
16
20
  "@nebula.gl/layers": "^1.0.4",
17
21
  "@tanstack/query-sync-storage-persister": "^4.36.1",
18
22
  "@tanstack/react-query": "^4.36.1",
19
23
  "@tanstack/react-query-persist-client": "^4.36.1",
24
+ "@tanstack/react-virtual": "^3.7.0",
25
+ "@turf/turf": "^7.0.0",
20
26
  "@uidotdev/usehooks": "^2.4.1",
21
27
  "bootstrap": "^5.3.0",
22
- "chroma-js": "^2.4.2",
23
28
  "deck.gl": "^8.9.19",
24
29
  "jquery": "^3.7.0",
25
30
  "nebula.gl": "^1.0.4",
@@ -42,7 +47,8 @@
42
47
  "@babel/preset-react": "^7.22.5",
43
48
  "eslint": "^8.42.0",
44
49
  "eslint-config-prettier": "^8.8.0",
45
- "eslint-config-react-app": "^7.0.1"
50
+ "eslint-config-react-app": "^7.0.1",
51
+ "eslint-plugin-import": "^2.29.1"
46
52
  },
47
53
  "scripts": {
48
54
  "start": "react-scripts start",
@@ -78,5 +84,5 @@
78
84
  "url": "https://github.com/haniffalab/cherita-react/issues"
79
85
  },
80
86
  "homepage": "https://github.com/haniffalab/cherita-react#readme",
81
- "prereleaseSha": "ca7d726c238e548f4db9899190cd6773f79ea5d0"
87
+ "prereleaseSha": "f9979478237cf7b1f13cf01480ec32dd9d322668"
82
88
  }
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.LoadingSpinner = LoadingSpinner;
7
- require("bootstrap/dist/css/bootstrap.min.css");
8
- var _reactBootstrap = require("react-bootstrap");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function LoadingSpinner(_ref) {
11
- let {
12
- type = "icon",
13
- text = "Loading..."
14
- } = _ref;
15
- if (type === "message") {
16
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
17
- className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center ",
18
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
19
- variant: "primary",
20
- disabled: true,
21
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
22
- as: "span",
23
- animation: "border",
24
- size: "sm",
25
- role: "status",
26
- "aria-hidden": "true"
27
- }), text]
28
- })
29
- });
30
- } else {
31
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
32
- className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center ",
33
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
34
- animation: "border",
35
- variant: "primary",
36
- role: "status",
37
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
38
- className: "visually-hidden",
39
- children: text
40
- })
41
- })
42
- });
43
- }
44
- }