@haniffalab/cherita-react 1.2.0-dev.2025-05-21.e8f5ce54 → 1.2.0-dev.2025-05-21.e57ef5f2
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/cjs/components/dotplot/Dotplot.js +26 -19
- package/dist/cjs/components/dotplot/DotplotControls.js +17 -19
- package/dist/cjs/components/full-page/FullPage.js +9 -7
- package/dist/cjs/components/full-page/FullPagePseudospatial.js +9 -7
- package/dist/cjs/components/heatmap/Heatmap.js +22 -13
- package/dist/cjs/components/matrixplot/Matrixplot.js +22 -13
- package/dist/cjs/components/obs-list/ObsItem.js +37 -29
- package/dist/cjs/components/obs-list/ObsList.js +47 -44
- package/dist/cjs/components/obsm-list/ObsmList.js +9 -6
- package/dist/cjs/components/offcanvas/index.js +13 -9
- package/dist/cjs/components/pseudospatial/Pseudospatial.js +61 -53
- package/dist/cjs/components/pseudospatial/PseudospatialToolbar.js +17 -11
- package/dist/cjs/components/scatterplot/Scatterplot.js +52 -52
- package/dist/cjs/components/scatterplot/ScatterplotControls.js +3 -3
- package/dist/cjs/components/scatterplot/SpatialControls.js +4 -4
- package/dist/cjs/components/search-bar/SearchBar.js +12 -10
- package/dist/cjs/components/search-bar/SearchInfo.js +14 -13
- package/dist/cjs/components/search-bar/SearchResults.js +16 -14
- package/dist/cjs/components/var-list/VarItem.js +10 -7
- package/dist/cjs/components/var-list/VarList.js +14 -9
- package/dist/cjs/components/var-list/VarListToolbar.js +1 -2
- package/dist/cjs/components/var-list/VarSet.js +1 -2
- package/dist/cjs/components/violin/Violin.js +44 -35
- package/dist/cjs/context/DatasetContext.js +17 -11
- package/dist/cjs/context/FilterContext.js +9 -8
- package/dist/cjs/context/SettingsContext.js +169 -237
- package/dist/cjs/context/ZarrDataContext.js +1 -2
- package/dist/cjs/helpers/color-helper.js +3 -3
- package/dist/cjs/helpers/zarr-helper.js +15 -12
- package/dist/cjs/utils/Filter.js +13 -9
- package/dist/cjs/utils/Histogram.js +4 -3
- package/dist/cjs/utils/ImageViewer.js +1 -2
- package/dist/cjs/utils/Legend.js +3 -3
- package/dist/cjs/utils/LoadingIndicators.js +1 -1
- package/dist/cjs/utils/VirtualizedList.js +16 -13
- package/dist/cjs/utils/errors.js +20 -22
- package/dist/cjs/utils/requests.js +13 -10
- package/dist/cjs/utils/zarrData.js +12 -8
- package/dist/css/cherita.css +13 -9
- package/dist/css/cherita.css.map +1 -1
- package/dist/esm/components/dotplot/Dotplot.js +25 -17
- package/dist/esm/components/dotplot/DotplotControls.js +16 -17
- package/dist/esm/components/full-page/FullPage.js +8 -5
- package/dist/esm/components/full-page/FullPagePseudospatial.js +8 -5
- package/dist/esm/components/heatmap/Heatmap.js +21 -11
- package/dist/esm/components/matrixplot/Matrixplot.js +21 -11
- package/dist/esm/components/obs-list/ObsItem.js +36 -27
- package/dist/esm/components/obs-list/ObsList.js +46 -42
- package/dist/esm/components/obsm-list/ObsmList.js +8 -4
- package/dist/esm/components/offcanvas/index.js +13 -9
- package/dist/esm/components/pseudospatial/Pseudospatial.js +60 -51
- package/dist/esm/components/pseudospatial/PseudospatialToolbar.js +16 -9
- package/dist/esm/components/scatterplot/Scatterplot.js +51 -50
- package/dist/esm/components/scatterplot/ScatterplotControls.js +2 -1
- package/dist/esm/components/scatterplot/SpatialControls.js +3 -2
- package/dist/esm/components/search-bar/SearchBar.js +11 -8
- package/dist/esm/components/search-bar/SearchInfo.js +13 -11
- package/dist/esm/components/search-bar/SearchResults.js +15 -12
- package/dist/esm/components/var-list/VarItem.js +9 -5
- package/dist/esm/components/var-list/VarList.js +13 -7
- package/dist/esm/components/violin/Violin.js +43 -33
- package/dist/esm/context/DatasetContext.js +16 -9
- package/dist/esm/context/FilterContext.js +8 -6
- package/dist/esm/context/SettingsContext.js +168 -235
- package/dist/esm/helpers/color-helper.js +3 -3
- package/dist/esm/helpers/zarr-helper.js +15 -12
- package/dist/esm/utils/Filter.js +13 -9
- package/dist/esm/utils/Histogram.js +4 -3
- package/dist/esm/utils/Legend.js +2 -1
- package/dist/esm/utils/LoadingIndicators.js +1 -1
- package/dist/esm/utils/VirtualizedList.js +15 -11
- package/dist/esm/utils/errors.js +20 -22
- package/dist/esm/utils/requests.js +13 -10
- package/dist/esm/utils/zarrData.js +12 -8
- package/package.json +4 -2
|
@@ -19,8 +19,12 @@ var _SettingsContext = require("../../context/SettingsContext");
|
|
|
19
19
|
var _LoadingIndicators = require("../../utils/LoadingIndicators");
|
|
20
20
|
var _requests = require("../../utils/requests");
|
|
21
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
22
|
-
function
|
|
23
|
-
function
|
|
22
|
+
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); }
|
|
23
|
+
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; }
|
|
24
|
+
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; }
|
|
25
|
+
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; }
|
|
26
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
27
|
+
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); }
|
|
24
28
|
const useVarMean = function (varKeys) {
|
|
25
29
|
let enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
26
30
|
const ENDPOINT = "matrix/mean";
|
|
@@ -36,13 +40,12 @@ const useVarMean = function (varKeys) {
|
|
|
36
40
|
});
|
|
37
41
|
(0, _react.useEffect)(() => {
|
|
38
42
|
setParams(p => {
|
|
39
|
-
return {
|
|
40
|
-
...p,
|
|
43
|
+
return _objectSpread(_objectSpread({}, p), {}, {
|
|
41
44
|
varKeys: _lodash.default.map(varKeys, v => v.isSet ? {
|
|
42
45
|
name: v.name,
|
|
43
46
|
indices: v.vars.map(v => v.index)
|
|
44
47
|
} : v.index)
|
|
45
|
-
};
|
|
48
|
+
});
|
|
46
49
|
});
|
|
47
50
|
}, [varKeys]);
|
|
48
51
|
return (0, _requests.useFetch)(ENDPOINT, params, {
|
|
@@ -56,17 +59,19 @@ const sortMeans = (i, means) => {
|
|
|
56
59
|
return means[i.name] || _lodash.default.min(_lodash.default.values(means)) - 1;
|
|
57
60
|
};
|
|
58
61
|
function VarNamesList(_ref) {
|
|
62
|
+
var _settings$selectedVar, _settings$selectedVar2;
|
|
59
63
|
let {
|
|
60
64
|
mode = _constants.SELECTION_MODES.SINGLE,
|
|
61
65
|
displayName = "genes"
|
|
62
66
|
} = _ref;
|
|
63
67
|
const settings = (0, _SettingsContext.useSettings)();
|
|
64
68
|
const dispatch = (0, _SettingsContext.useSettingsDispatch)();
|
|
65
|
-
const [active, setActive] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? settings.selectedVar
|
|
69
|
+
const [active, setActive] = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? ((_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.matrix_index) || ((_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.name) : settings.selectedMultiVar.map(i => i.matrix_index || i.name));
|
|
66
70
|
const [sortedVars, setSortedVars] = (0, _react.useState)([]);
|
|
67
71
|
(0, _react.useEffect)(() => {
|
|
68
72
|
if (mode === _constants.SELECTION_MODES.SINGLE) {
|
|
69
|
-
|
|
73
|
+
var _settings$selectedVar3, _settings$selectedVar4;
|
|
74
|
+
setActive(((_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.matrix_index) || ((_settings$selectedVar4 = settings.selectedVar) === null || _settings$selectedVar4 === void 0 ? void 0 : _settings$selectedVar4.name));
|
|
70
75
|
}
|
|
71
76
|
}, [mode, settings.selectedVar]);
|
|
72
77
|
(0, _react.useEffect)(() => {
|
|
@@ -117,13 +122,13 @@ function VarNamesList(_ref) {
|
|
|
117
122
|
});
|
|
118
123
|
const newSetName = () => {
|
|
119
124
|
let n = 1;
|
|
120
|
-
let setName =
|
|
125
|
+
let setName = "Set ".concat(n);
|
|
121
126
|
const nameExists = name => {
|
|
122
127
|
return settings.vars.some(v => v.name === name);
|
|
123
128
|
};
|
|
124
129
|
while (nameExists(setName)) {
|
|
125
130
|
n++;
|
|
126
|
-
setName =
|
|
131
|
+
setName = "Set ".concat(n);
|
|
127
132
|
}
|
|
128
133
|
return setName;
|
|
129
134
|
};
|
|
@@ -10,8 +10,7 @@ var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
|
10
10
|
var _reactBootstrap = require("react-bootstrap");
|
|
11
11
|
var _constants = require("../../constants/constants");
|
|
12
12
|
var _SettingsContext = require("../../context/SettingsContext");
|
|
13
|
-
function
|
|
14
|
-
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; }
|
|
13
|
+
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); }
|
|
15
14
|
// @TODO: set option for "var" and "disease"
|
|
16
15
|
function VarListToolbar(_ref) {
|
|
17
16
|
let {
|
|
@@ -14,8 +14,7 @@ var _constants = require("../../constants/constants");
|
|
|
14
14
|
var _SettingsContext = require("../../context/SettingsContext");
|
|
15
15
|
var _SearchBar = require("../search-bar/SearchBar");
|
|
16
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
function
|
|
18
|
-
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; }
|
|
17
|
+
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); }
|
|
19
18
|
// @TODO: add button to score genes and plot
|
|
20
19
|
|
|
21
20
|
const addVarToSet = (dispatch, set, v) => {
|
|
@@ -17,9 +17,14 @@ var _SettingsContext = require("../../context/SettingsContext");
|
|
|
17
17
|
var _LoadingIndicators = require("../../utils/LoadingIndicators");
|
|
18
18
|
var _requests = require("../../utils/requests");
|
|
19
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
-
function
|
|
21
|
-
function
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
22
|
+
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; }
|
|
23
|
+
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; }
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
25
|
+
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); }
|
|
22
26
|
function Violin(_ref) {
|
|
27
|
+
var _settings$selectedVar, _settings$selectedVar2, _settings$selectedVar3, _settings$selectedVar4, _settings$selectedObs, _settings$selectedObs2, _settings$selectedObs3;
|
|
23
28
|
let {
|
|
24
29
|
mode = _constants.VIOLIN_MODES.MULTIKEY
|
|
25
30
|
} = _ref;
|
|
@@ -33,30 +38,32 @@ function Violin(_ref) {
|
|
|
33
38
|
const [data, setData] = (0, _react.useState)([]);
|
|
34
39
|
const [layout, setLayout] = (0, _react.useState)({});
|
|
35
40
|
const [hasSelections, setHasSelections] = (0, _react.useState)(false);
|
|
36
|
-
const [params, setParams] = (0, _react.useState)({
|
|
41
|
+
const [params, setParams] = (0, _react.useState)(_objectSpread({
|
|
37
42
|
url: dataset.url,
|
|
38
43
|
mode: mode,
|
|
39
44
|
scale: settings.controls.scale.violinplot.value,
|
|
40
|
-
varNamesCol: dataset.varNamesCol
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
45
|
+
varNamesCol: dataset.varNamesCol
|
|
46
|
+
}, {
|
|
47
|
+
[_constants.VIOLIN_MODES.MULTIKEY]: {
|
|
48
|
+
varKeys: settings.selectedMultiVar.map(i => i.isSet ? {
|
|
49
|
+
name: i.name,
|
|
50
|
+
indices: i.vars.map(v => v.index)
|
|
51
|
+
} : i.index),
|
|
52
|
+
obsKeys: [] // @TODO: implement
|
|
53
|
+
},
|
|
54
|
+
[_constants.VIOLIN_MODES.GROUPBY]: {
|
|
55
|
+
varKey: (_settings$selectedVar = settings.selectedVar) !== null && _settings$selectedVar !== void 0 && _settings$selectedVar.isSet ? {
|
|
56
|
+
name: (_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.name,
|
|
57
|
+
indices: (_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.vars.map(v => v.index)
|
|
58
|
+
} : (_settings$selectedVar4 = settings.selectedVar) === null || _settings$selectedVar4 === void 0 ? void 0 : _settings$selectedVar4.index,
|
|
59
|
+
obsCol: settings.selectedObs,
|
|
60
|
+
obsValues: !((_settings$selectedObs = settings.selectedObs) !== null && _settings$selectedObs !== void 0 && _settings$selectedObs.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_settings$selectedObs2 = settings.selectedObs) === null || _settings$selectedObs2 === void 0 ? void 0 : _settings$selectedObs2.codes), (_settings$selectedObs3 = settings.selectedObs) === null || _settings$selectedObs3 === void 0 ? void 0 : _settings$selectedObs3.omit).map(c => {
|
|
61
|
+
var _settings$selectedObs4;
|
|
62
|
+
return (_settings$selectedObs4 = settings.selectedObs) === null || _settings$selectedObs4 === void 0 ? void 0 : _settings$selectedObs4.codesMap[c];
|
|
63
|
+
}),
|
|
64
|
+
obsIndices: isSliced ? [...(obsIndices || [])] : null
|
|
65
|
+
}
|
|
66
|
+
}[mode]));
|
|
60
67
|
// @TODO: set default scale
|
|
61
68
|
|
|
62
69
|
(0, _react.useEffect)(() => {
|
|
@@ -67,8 +74,7 @@ function Violin(_ref) {
|
|
|
67
74
|
setHasSelections(false);
|
|
68
75
|
}
|
|
69
76
|
setParams(p => {
|
|
70
|
-
return {
|
|
71
|
-
...p,
|
|
77
|
+
return _objectSpread(_objectSpread({}, p), {}, {
|
|
72
78
|
url: dataset.url,
|
|
73
79
|
mode: mode,
|
|
74
80
|
varKeys: settings.selectedMultiVar.map(i => i.isSet ? {
|
|
@@ -77,7 +83,7 @@ function Violin(_ref) {
|
|
|
77
83
|
} : i.index),
|
|
78
84
|
scale: settings.controls.scale.violinplot.value,
|
|
79
85
|
varNamesCol: dataset.varNamesCol
|
|
80
|
-
};
|
|
86
|
+
});
|
|
81
87
|
});
|
|
82
88
|
} else if (mode === _constants.VIOLIN_MODES.GROUPBY) {
|
|
83
89
|
if (settings.selectedObs && settings.selectedVar) {
|
|
@@ -86,20 +92,23 @@ function Violin(_ref) {
|
|
|
86
92
|
setHasSelections(false);
|
|
87
93
|
}
|
|
88
94
|
setParams(p => {
|
|
89
|
-
|
|
90
|
-
|
|
95
|
+
var _settings$selectedVar5, _settings$selectedVar6, _settings$selectedVar7, _settings$selectedVar8, _settings$selectedObs5, _settings$selectedObs6, _settings$selectedObs7;
|
|
96
|
+
return _objectSpread(_objectSpread({}, p), {}, {
|
|
91
97
|
url: dataset.url,
|
|
92
98
|
mode: mode,
|
|
93
|
-
varKey: settings.selectedVar
|
|
94
|
-
name: settings.selectedVar
|
|
95
|
-
indices: settings.selectedVar
|
|
96
|
-
} : settings.selectedVar
|
|
99
|
+
varKey: (_settings$selectedVar5 = settings.selectedVar) !== null && _settings$selectedVar5 !== void 0 && _settings$selectedVar5.isSet ? {
|
|
100
|
+
name: (_settings$selectedVar6 = settings.selectedVar) === null || _settings$selectedVar6 === void 0 ? void 0 : _settings$selectedVar6.name,
|
|
101
|
+
indices: (_settings$selectedVar7 = settings.selectedVar) === null || _settings$selectedVar7 === void 0 ? void 0 : _settings$selectedVar7.vars.map(v => v.index)
|
|
102
|
+
} : (_settings$selectedVar8 = settings.selectedVar) === null || _settings$selectedVar8 === void 0 ? void 0 : _settings$selectedVar8.index,
|
|
97
103
|
obsCol: settings.selectedObs,
|
|
98
|
-
obsValues: !settings.selectedObs
|
|
104
|
+
obsValues: !((_settings$selectedObs5 = settings.selectedObs) !== null && _settings$selectedObs5 !== void 0 && _settings$selectedObs5.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_settings$selectedObs6 = settings.selectedObs) === null || _settings$selectedObs6 === void 0 ? void 0 : _settings$selectedObs6.codes), (_settings$selectedObs7 = settings.selectedObs) === null || _settings$selectedObs7 === void 0 ? void 0 : _settings$selectedObs7.omit).map(c => {
|
|
105
|
+
var _settings$selectedObs8;
|
|
106
|
+
return (_settings$selectedObs8 = settings.selectedObs) === null || _settings$selectedObs8 === void 0 ? void 0 : _settings$selectedObs8.codesMap[c];
|
|
107
|
+
}),
|
|
99
108
|
obsIndices: isSliced ? [...(obsIndices || [])] : null,
|
|
100
109
|
scale: settings.controls.scale.violinplot.value,
|
|
101
110
|
varNamesCol: dataset.varNamesCol
|
|
102
|
-
};
|
|
111
|
+
});
|
|
103
112
|
});
|
|
104
113
|
}
|
|
105
114
|
}, [settings.controls.scale.violinplot.value, settings.selectedMultiVar, settings.selectedObs, settings.selectedVar, dataset.url, dataset.varNamesCol, obsIndices, isSliced, mode]);
|
|
@@ -128,7 +137,7 @@ function Violin(_ref) {
|
|
|
128
137
|
maxWidth: "100%",
|
|
129
138
|
maxHeight: "100%"
|
|
130
139
|
}
|
|
131
|
-
}), fetchedData
|
|
140
|
+
}), (fetchedData === null || fetchedData === void 0 ? void 0 : fetchedData.resampled) && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
|
|
132
141
|
variant: "warning"
|
|
133
142
|
}, /*#__PURE__*/_react.default.createElement("b", null, "Warning:"), " For performance reasons this plot was generated with resampled data. It will not be exactly the same as one produced with the entire dataset. \xA0", /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
|
|
134
143
|
placement: "top",
|
|
@@ -14,9 +14,16 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
14
14
|
var _FilterContext = require("./FilterContext");
|
|
15
15
|
var _SettingsContext = require("./SettingsContext");
|
|
16
16
|
var _ZarrDataContext = require("./ZarrDataContext");
|
|
17
|
+
const _excluded = ["dataset_url", "children"];
|
|
17
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
function
|
|
19
|
-
function
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
21
|
+
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; }
|
|
22
|
+
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; }
|
|
23
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
24
|
+
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); }
|
|
25
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
26
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
20
27
|
const DatasetContext = exports.DatasetContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
21
28
|
const queryClient = new _reactQuery.QueryClient({
|
|
22
29
|
defaultOptions: {
|
|
@@ -48,7 +55,7 @@ const persistOptions = {
|
|
|
48
55
|
state
|
|
49
56
|
} = _ref;
|
|
50
57
|
if (state.status === "success") {
|
|
51
|
-
return persistKeys.includes(queryKey
|
|
58
|
+
return persistKeys.includes(queryKey === null || queryKey === void 0 ? void 0 : queryKey[0]);
|
|
52
59
|
}
|
|
53
60
|
return false;
|
|
54
61
|
}
|
|
@@ -66,14 +73,13 @@ const initialDataset = {
|
|
|
66
73
|
};
|
|
67
74
|
function DatasetProvider(_ref2) {
|
|
68
75
|
let {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
const dataset = _lodash.default.assign(initialDataset, {
|
|
74
|
-
url: dataset_url
|
|
75
|
-
|
|
76
|
-
});
|
|
76
|
+
dataset_url,
|
|
77
|
+
children
|
|
78
|
+
} = _ref2,
|
|
79
|
+
dataset_params = _objectWithoutProperties(_ref2, _excluded);
|
|
80
|
+
const dataset = _lodash.default.assign(initialDataset, _objectSpread({
|
|
81
|
+
url: dataset_url
|
|
82
|
+
}, dataset_params));
|
|
77
83
|
return /*#__PURE__*/_react.default.createElement(DatasetContext.Provider, {
|
|
78
84
|
value: dataset
|
|
79
85
|
}, /*#__PURE__*/_react.default.createElement(_SettingsContext.SettingsProvider, {
|
|
@@ -8,8 +8,12 @@ exports.FilteredDataDispatchContext = exports.FilteredDataContext = void 0;
|
|
|
8
8
|
exports.useFilteredData = useFilteredData;
|
|
9
9
|
exports.useFilteredDataDispatch = useFilteredDataDispatch;
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
function
|
|
12
|
-
function
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
16
|
+
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); }
|
|
13
17
|
const FilteredDataContext = exports.FilteredDataContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
14
18
|
const FilteredDataDispatchContext = exports.FilteredDataDispatchContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
15
19
|
const initialFilterData = {
|
|
@@ -23,9 +27,7 @@ function FilterProvider(_ref) {
|
|
|
23
27
|
let {
|
|
24
28
|
children
|
|
25
29
|
} = _ref;
|
|
26
|
-
const [filteredData, dispatch] = (0, _react.useReducer)(filterReducer, {
|
|
27
|
-
...initialFilterData
|
|
28
|
-
});
|
|
30
|
+
const [filteredData, dispatch] = (0, _react.useReducer)(filterReducer, _objectSpread({}, initialFilterData));
|
|
29
31
|
return /*#__PURE__*/_react.default.createElement(FilteredDataContext.Provider, {
|
|
30
32
|
value: filteredData
|
|
31
33
|
}, /*#__PURE__*/_react.default.createElement(FilteredDataDispatchContext.Provider, {
|
|
@@ -42,14 +44,13 @@ function filterReducer(filteredData, action) {
|
|
|
42
44
|
switch (action.type) {
|
|
43
45
|
case "set.obs.indices":
|
|
44
46
|
{
|
|
45
|
-
return {
|
|
46
|
-
...filteredData,
|
|
47
|
+
return _objectSpread(_objectSpread({}, filteredData), {}, {
|
|
47
48
|
obsIndices: action.indices,
|
|
48
49
|
valueMin: action.valueMin,
|
|
49
50
|
valueMax: action.valueMax,
|
|
50
51
|
slicedLength: action.slicedLength,
|
|
51
52
|
isSliced: action.isSliced
|
|
52
|
-
};
|
|
53
|
+
});
|
|
53
54
|
}
|
|
54
55
|
default:
|
|
55
56
|
{
|