@haniffalab/cherita-react 0.2.0-dev.2024-02-14.4bca94c0 → 0.2.0-dev.2024-02-14.667fdce7
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/components/dotplot/Dotplot.js +172 -125
- package/dist/components/heatmap/Heatmap.js +38 -26
- package/dist/components/matrixplot/Matrixplot.js +60 -33
- package/dist/components/obs-list/ObsList.js +70 -40
- package/dist/components/obsm-list/ObsmList.js +17 -11
- package/dist/components/scatterplot/Legend.js +19 -13
- package/dist/components/scatterplot/Scatterplot.js +31 -22
- package/dist/components/scatterplot/Toolbox.js +39 -25
- package/dist/components/var-list/VarList.js +65 -49
- package/dist/components/violin/Violin.js +52 -29
- package/dist/context/DatasetContext.js +12 -8
- package/dist/utils/LoadingSpinner.js +27 -21
- package/package.json +2 -2
|
@@ -13,6 +13,7 @@ var _constants = require("../../constants/constants");
|
|
|
13
13
|
var _reactBootstrap = require("react-bootstrap");
|
|
14
14
|
var _requests = require("../../utils/requests");
|
|
15
15
|
var _LoadingSpinner = require("../../utils/LoadingSpinner");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
18
|
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); }
|
|
18
19
|
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 && Object.prototype.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; }
|
|
@@ -25,20 +26,33 @@ function ViolinControls() {
|
|
|
25
26
|
setActiveStandardScale(_constants.VIOLINPLOT_STANDARDSCALES.find(obs => obs.value === dataset.controls.standardScale).name);
|
|
26
27
|
}
|
|
27
28
|
}, [dataset.controls.standardScale]);
|
|
28
|
-
const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/
|
|
29
|
-
key: item.value,
|
|
29
|
+
const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
|
|
30
30
|
active: activeStandardScale === item.value,
|
|
31
31
|
onClick: () => {
|
|
32
32
|
dispatch({
|
|
33
33
|
type: "set.controls.standardScale",
|
|
34
34
|
standardScale: item.value
|
|
35
35
|
});
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
},
|
|
37
|
+
children: item.name
|
|
38
|
+
}, item.value));
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonToolbar, {
|
|
40
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
|
|
41
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
|
|
42
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
|
|
43
|
+
children: "Standard scale"
|
|
44
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
|
|
45
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
|
|
46
|
+
id: "dropdownStandardScale",
|
|
47
|
+
variant: "light",
|
|
48
|
+
children: activeStandardScale
|
|
49
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
|
|
50
|
+
children: standardScaleList
|
|
51
|
+
})]
|
|
52
|
+
})]
|
|
53
|
+
})
|
|
54
|
+
})
|
|
55
|
+
});
|
|
42
56
|
}
|
|
43
57
|
function Violin(_ref) {
|
|
44
58
|
let {
|
|
@@ -103,28 +117,37 @@ function Violin(_ref) {
|
|
|
103
117
|
}, [fetchedData, hasSelections, isPending, serverError]);
|
|
104
118
|
if (!serverError) {
|
|
105
119
|
if (hasSelections) {
|
|
106
|
-
return /*#__PURE__*/
|
|
107
|
-
className: "cherita-violin position-relative"
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
120
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
121
|
+
className: "cherita-violin position-relative",
|
|
122
|
+
children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
|
|
123
|
+
children: mode
|
|
124
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
|
|
125
|
+
data: data,
|
|
126
|
+
layout: layout,
|
|
127
|
+
useResizeHandler: true,
|
|
128
|
+
style: {
|
|
129
|
+
maxWidth: "100%",
|
|
130
|
+
maxHeight: "100%"
|
|
131
|
+
}
|
|
132
|
+
})]
|
|
133
|
+
});
|
|
117
134
|
}
|
|
118
|
-
return /*#__PURE__*/
|
|
119
|
-
className: "cherita-violin"
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
135
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
136
|
+
className: "cherita-violin",
|
|
137
|
+
children: [mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
|
|
138
|
+
variant: "light",
|
|
139
|
+
children: "Select features"
|
|
140
|
+
}), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
|
|
141
|
+
variant: "light",
|
|
142
|
+
children: "Select categories and a feature"
|
|
143
|
+
})]
|
|
144
|
+
});
|
|
125
145
|
} else {
|
|
126
|
-
return /*#__PURE__*/
|
|
127
|
-
|
|
128
|
-
|
|
146
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
147
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
|
|
148
|
+
variant: "danger",
|
|
149
|
+
children: serverError.message
|
|
150
|
+
})
|
|
151
|
+
});
|
|
129
152
|
}
|
|
130
153
|
}
|
|
@@ -13,6 +13,7 @@ var _reactQuery = require("@tanstack/react-query");
|
|
|
13
13
|
var _reactQueryPersistClient = require("@tanstack/react-query-persist-client");
|
|
14
14
|
var _querySyncStoragePersister = require("@tanstack/query-sync-storage-persister");
|
|
15
15
|
var _constants = require("../constants/constants");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
18
|
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); }
|
|
18
19
|
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 && Object.prototype.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; }
|
|
@@ -102,14 +103,17 @@ function DatasetProvider(_ref2) {
|
|
|
102
103
|
}
|
|
103
104
|
}
|
|
104
105
|
}, [dataset]);
|
|
105
|
-
return /*#__PURE__*/
|
|
106
|
-
value: dataset
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetContext.Provider, {
|
|
107
|
+
value: dataset,
|
|
108
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetDispatchContext.Provider, {
|
|
109
|
+
value: dispatch,
|
|
110
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQueryPersistClient.PersistQueryClientProvider, {
|
|
111
|
+
client: queryClient,
|
|
112
|
+
persistOptions: persistOptions,
|
|
113
|
+
children: children
|
|
114
|
+
})
|
|
115
|
+
})
|
|
116
|
+
});
|
|
113
117
|
}
|
|
114
118
|
function useDataset() {
|
|
115
119
|
return (0, _react.useContext)(DatasetContext);
|
|
@@ -6,33 +6,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.LoadingSpinner = LoadingSpinner;
|
|
7
7
|
require("bootstrap/dist/css/bootstrap.min.css");
|
|
8
8
|
var _reactBootstrap = require("react-bootstrap");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
10
|
function LoadingSpinner(_ref) {
|
|
10
11
|
let {
|
|
11
12
|
type = "icon",
|
|
12
13
|
text = "Loading..."
|
|
13
14
|
} = _ref;
|
|
14
15
|
if (type === "message") {
|
|
15
|
-
return /*#__PURE__*/
|
|
16
|
-
className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center "
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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
|
+
});
|
|
27
30
|
} else {
|
|
28
|
-
return /*#__PURE__*/
|
|
29
|
-
className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center "
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
+
});
|
|
37
43
|
}
|
|
38
44
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haniffalab/cherita-react",
|
|
3
|
-
"version": "0.2.0-dev.2024-02-14.
|
|
3
|
+
"version": "0.2.0-dev.2024-02-14.667fdce7",
|
|
4
4
|
"author": "",
|
|
5
5
|
"license": "",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
"url": "https://github.com/haniffalab/cherita-react/issues"
|
|
79
79
|
},
|
|
80
80
|
"homepage": "https://github.com/haniffalab/cherita-react#readme",
|
|
81
|
-
"prereleaseSha": "
|
|
81
|
+
"prereleaseSha": "667fdce7b65ecfb37dbbc79722b60103a19cddc7"
|
|
82
82
|
}
|