@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.
- package/dist/App.scss +67 -12
- package/dist/components/Offcanvas/index.js +9 -6
- package/dist/components/dotplot/Dotplot.js +5 -189
- package/dist/components/dotplot/DotplotControls.js +197 -0
- package/dist/components/heatmap/Heatmap.js +5 -31
- package/dist/components/heatmap/HeatmapControls.js +36 -0
- package/dist/components/matrixplot/Matrixplot.js +5 -59
- package/dist/components/matrixplot/MatrixplotControls.js +65 -0
- package/dist/components/obs-list/ObsList.js +251 -93
- package/dist/components/obs-list/ObsValueList.js +101 -0
- package/dist/components/obsm-list/ObsmList.js +25 -16
- package/dist/components/scatterplot/Legend.js +28 -36
- package/dist/components/scatterplot/Scatterplot.js +303 -119
- package/dist/components/scatterplot/ScatterplotControls.js +93 -0
- package/dist/components/scatterplot/SpatialControls.js +172 -0
- package/dist/components/scatterplot/Toolbox.js +18 -72
- package/dist/components/search-bar/SearchBar.js +2 -2
- package/dist/components/search-bar/SearchResults.js +2 -2
- package/dist/components/var-list/VarList.js +102 -40
- package/dist/components/violin/Violin.js +7 -46
- package/dist/components/violin/ViolinControls.js +50 -0
- package/dist/constants/colorscales.js +28 -0
- package/dist/constants/constants.js +11 -43
- package/dist/context/DatasetContext.js +122 -23
- package/dist/helpers/color-helper.js +54 -21
- package/dist/helpers/zarr-helper.js +39 -17
- package/dist/index.js +17 -11
- package/dist/utils/LoadingIndicators.js +33 -0
- package/dist/utils/requests.js +1 -1
- package/dist/utils/search.js +4 -3
- package/package.json +10 -4
- package/dist/utils/LoadingSpinner.js +0 -44
package/dist/utils/search.js
CHANGED
|
@@ -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: "
|
|
42
|
+
type: "select.var",
|
|
42
43
|
var: item
|
|
43
44
|
});
|
|
44
45
|
dispatch({
|
|
45
|
-
type: "
|
|
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-
|
|
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": "
|
|
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
|
-
}
|