@haniffalab/cherita-react 1.4.0-dev.2025-06-20.d335e040 → 1.4.0-dev.2025-06-27.115d312b
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/full-page/PlotTypeSelector.js +4 -4
- package/dist/cjs/components/search-bar/SearchBar.js +31 -30
- package/dist/cjs/context/DatasetContext.js +1 -1
- package/dist/cjs/context/SettingsContext.js +2 -2
- package/dist/esm/components/full-page/PlotTypeSelector.js +4 -4
- package/dist/esm/components/search-bar/SearchBar.js +2 -2
- package/dist/esm/context/DatasetContext.js +1 -1
- package/dist/esm/context/SettingsContext.js +2 -2
- package/package.json +2 -2
|
@@ -13,11 +13,11 @@ var _violin = _interopRequireDefault(require("../../../assets/images/plots/violi
|
|
|
13
13
|
var _constants = require("../../constants/constants");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
const iconMap = {
|
|
16
|
-
[_constants.PLOT_TYPES.DOTPLOT]: _dotplot.default,
|
|
17
|
-
[_constants.PLOT_TYPES.MATRIXPLOT]: _matrixplot.default,
|
|
18
|
-
[_constants.PLOT_TYPES.VIOLINPLOT]: _violin.default,
|
|
19
16
|
[_constants.PLOT_TYPES.SCATTERPLOT]: _scatterplot.default,
|
|
20
|
-
[_constants.PLOT_TYPES.
|
|
17
|
+
[_constants.PLOT_TYPES.MATRIXPLOT]: _matrixplot.default,
|
|
18
|
+
[_constants.PLOT_TYPES.HEATMAP]: _heatmap.default,
|
|
19
|
+
[_constants.PLOT_TYPES.DOTPLOT]: _dotplot.default,
|
|
20
|
+
[_constants.PLOT_TYPES.VIOLINPLOT]: _violin.default
|
|
21
21
|
};
|
|
22
22
|
const plotTypes = Object.entries(iconMap).map(_ref => {
|
|
23
23
|
let [type, icon] = _ref;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.SearchBar = SearchBar;
|
|
7
7
|
exports.SearchModal = SearchModal;
|
|
8
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
10
10
|
var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
|
|
11
11
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
@@ -15,10 +15,11 @@ var _Container = _interopRequireDefault(require("react-bootstrap/Container"));
|
|
|
15
15
|
var _Nav = _interopRequireDefault(require("react-bootstrap/Nav"));
|
|
16
16
|
var _Row = _interopRequireDefault(require("react-bootstrap/Row"));
|
|
17
17
|
var _Tab = _interopRequireDefault(require("react-bootstrap/Tab"));
|
|
18
|
-
var _constants = require("../../constants/constants");
|
|
19
18
|
var _SearchInfo = require("./SearchInfo");
|
|
20
19
|
var _SearchResults = require("./SearchResults");
|
|
20
|
+
var _constants = require("../../constants/constants");
|
|
21
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
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); }
|
|
22
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; }
|
|
23
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; }
|
|
24
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; }
|
|
@@ -82,23 +83,23 @@ function SearchModal(_ref2) {
|
|
|
82
83
|
});
|
|
83
84
|
const [varResultsLength, setVarResultsLength] = (0, _react.useState)(null);
|
|
84
85
|
const [diseaseResultsLength, setDiseaseResultsLength] = (0, _react.useState)(null);
|
|
85
|
-
return /*#__PURE__*/
|
|
86
|
+
return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, {
|
|
86
87
|
show: show,
|
|
87
88
|
onHide: handleClose,
|
|
88
89
|
size: "xl"
|
|
89
|
-
}, /*#__PURE__*/
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Header, {
|
|
90
91
|
className: "bg-primary"
|
|
91
|
-
}, /*#__PURE__*/
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement(_Container.default, {
|
|
92
93
|
className: "gx-0"
|
|
93
|
-
}, /*#__PURE__*/
|
|
94
|
+
}, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
|
|
94
95
|
xs: 12
|
|
95
|
-
}, /*#__PURE__*/
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, {
|
|
96
97
|
onSubmit: e => {
|
|
97
98
|
e.preventDefault();
|
|
98
99
|
}
|
|
99
|
-
}, /*#__PURE__*/
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
100
101
|
className: "d-flex align-items-center"
|
|
101
|
-
}, /*#__PURE__*/
|
|
102
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, /*#__PURE__*/_react.default.createElement(_Search.default, null)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
|
|
102
103
|
autoFocus: true,
|
|
103
104
|
type: "text",
|
|
104
105
|
placeholder: "Search " + displayText,
|
|
@@ -112,35 +113,35 @@ function SearchModal(_ref2) {
|
|
|
112
113
|
setVarResultsLength(null);
|
|
113
114
|
setDiseaseResultsLength(null);
|
|
114
115
|
}
|
|
115
|
-
}), /*#__PURE__*/
|
|
116
|
+
}), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
|
|
116
117
|
variant: "light",
|
|
117
118
|
onClick: handleClose
|
|
118
|
-
}, /*#__PURE__*/
|
|
119
|
+
}, /*#__PURE__*/_react.default.createElement(_Close.default, null)))))))))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Body, {
|
|
119
120
|
className: "p-0"
|
|
120
|
-
}, /*#__PURE__*/
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement(_Container.default, null, /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_Col.default, {
|
|
121
122
|
xs: 12,
|
|
122
123
|
md: 8
|
|
123
|
-
}, /*#__PURE__*/
|
|
124
|
+
}, /*#__PURE__*/_react.default.createElement(_Tab.default.Container, {
|
|
124
125
|
activeKey: tab,
|
|
125
126
|
onSelect: k => setTab(k)
|
|
126
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement(_Row.default, {
|
|
127
128
|
className: "w-100"
|
|
128
|
-
}, /*#__PURE__*/
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_Col.default, {
|
|
129
130
|
sm: 3,
|
|
130
131
|
className: "py-3 border-end"
|
|
131
|
-
}, /*#__PURE__*/
|
|
132
|
+
}, /*#__PURE__*/_react.default.createElement(_Nav.default, {
|
|
132
133
|
variant: "pills",
|
|
133
134
|
className: "flex-column"
|
|
134
|
-
}, searchVar && /*#__PURE__*/
|
|
135
|
+
}, searchVar && /*#__PURE__*/_react.default.createElement(_Nav.default.Item, null, /*#__PURE__*/_react.default.createElement(_Nav.default.Link, {
|
|
135
136
|
eventKey: FEATURE_TYPE.VAR
|
|
136
|
-
}, "Genes", " ", !!varResultsLength && "(".concat(varResultsLength, ")"))), searchDiseases && /*#__PURE__*/
|
|
137
|
+
}, "Genes", " ", !!varResultsLength && "(".concat(varResultsLength, ")"))), searchDiseases && /*#__PURE__*/_react.default.createElement(_Nav.default.Item, null, /*#__PURE__*/_react.default.createElement(_Nav.default.Link, {
|
|
137
138
|
eventKey: FEATURE_TYPE.DISEASE
|
|
138
|
-
}, "Diseases", " ", !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")"))))), /*#__PURE__*/
|
|
139
|
+
}, "Diseases", " ", !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")"))))), /*#__PURE__*/_react.default.createElement(_Col.default, {
|
|
139
140
|
sm: 9,
|
|
140
141
|
className: "py-3"
|
|
141
|
-
}, /*#__PURE__*/
|
|
142
|
+
}, /*#__PURE__*/_react.default.createElement(_Tab.default.Content, null, searchVar && /*#__PURE__*/_react.default.createElement(_Tab.default.Pane, {
|
|
142
143
|
eventKey: FEATURE_TYPE.VAR
|
|
143
|
-
}, /*#__PURE__*/
|
|
144
|
+
}, /*#__PURE__*/_react.default.createElement(_SearchResults.VarSearchResults, {
|
|
144
145
|
text: text,
|
|
145
146
|
handleSelect: handleSelect,
|
|
146
147
|
selectedResult: selectedResult.var,
|
|
@@ -150,9 +151,9 @@ function SearchModal(_ref2) {
|
|
|
150
151
|
});
|
|
151
152
|
}),
|
|
152
153
|
setResultsLength: setVarResultsLength
|
|
153
|
-
})), searchDiseases && /*#__PURE__*/
|
|
154
|
+
})), searchDiseases && /*#__PURE__*/_react.default.createElement(_Tab.default.Pane, {
|
|
154
155
|
eventKey: FEATURE_TYPE.DISEASE
|
|
155
|
-
}, /*#__PURE__*/
|
|
156
|
+
}, /*#__PURE__*/_react.default.createElement(_SearchResults.DiseasesSearchResults, {
|
|
156
157
|
text: text,
|
|
157
158
|
selectedResult: selectedResult.disease,
|
|
158
159
|
setSelectedResult: item => setSelectedResult(prev => {
|
|
@@ -161,17 +162,17 @@ function SearchModal(_ref2) {
|
|
|
161
162
|
});
|
|
162
163
|
}),
|
|
163
164
|
setResultsLength: setDiseaseResultsLength
|
|
164
|
-
}))))))), /*#__PURE__*/
|
|
165
|
+
}))))))), /*#__PURE__*/_react.default.createElement(_Col.default, {
|
|
165
166
|
xs: 12,
|
|
166
167
|
md: 4,
|
|
167
168
|
className: "bg-light p-3 search-modal-info"
|
|
168
|
-
}, selectedResult[tab] ? tab === FEATURE_TYPE.DISEASE ? /*#__PURE__*/
|
|
169
|
+
}, selectedResult[tab] ? tab === FEATURE_TYPE.DISEASE ? /*#__PURE__*/_react.default.createElement(_SearchInfo.DiseaseInfo, {
|
|
169
170
|
disease: selectedResult.disease,
|
|
170
171
|
handleSelect: handleSelect,
|
|
171
172
|
addVarSet: addVarSet
|
|
172
|
-
}) : /*#__PURE__*/
|
|
173
|
+
}) : /*#__PURE__*/_react.default.createElement(_SearchInfo.VarInfo, {
|
|
173
174
|
varItem: selectedResult.var
|
|
174
|
-
}) : /*#__PURE__*/
|
|
175
|
+
}) : /*#__PURE__*/_react.default.createElement("div", {
|
|
175
176
|
className: "text-muted"
|
|
176
177
|
}, "No result selected"))))));
|
|
177
178
|
}
|
|
@@ -183,16 +184,16 @@ function SearchBar(_ref3) {
|
|
|
183
184
|
const [text, setText] = (0, _react.useState)("");
|
|
184
185
|
const displayText = [...(searchVar ? ["features"] : []), ...(searchDiseases ? ["diseases"] : [])].join(" and ");
|
|
185
186
|
const [showModal, setShowModal] = (0, _react.useState)(false);
|
|
186
|
-
return /*#__PURE__*/
|
|
187
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, {
|
|
187
188
|
onSubmit: e => {
|
|
188
189
|
e.preventDefault();
|
|
189
190
|
}
|
|
190
|
-
}, /*#__PURE__*/
|
|
191
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, /*#__PURE__*/_react.default.createElement(_Search.default, null)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
|
|
191
192
|
onClick: () => setShowModal(true),
|
|
192
193
|
type: "text",
|
|
193
194
|
placeholder: "Search " + displayText,
|
|
194
195
|
defaultValue: text
|
|
195
|
-
})))), /*#__PURE__*/
|
|
196
|
+
})))), /*#__PURE__*/_react.default.createElement(SearchModal, {
|
|
196
197
|
show: showModal,
|
|
197
198
|
text: text,
|
|
198
199
|
setText: setText,
|
|
@@ -140,7 +140,7 @@ function SettingsProvider(_ref2) {
|
|
|
140
140
|
|
|
141
141
|
// If the buster is not set or does not match the current package version,
|
|
142
142
|
// reset localSettings to avoid stale data
|
|
143
|
-
if (!buster || buster !== "1.4.0-dev.2025-06-
|
|
143
|
+
if (!buster || buster !== "1.4.0-dev.2025-06-27.115d312b") {
|
|
144
144
|
localSettings = {};
|
|
145
145
|
}
|
|
146
146
|
const [settings, dispatch] = (0, _react.useReducer)(settingsReducer, {
|
|
@@ -152,7 +152,7 @@ function SettingsProvider(_ref2) {
|
|
|
152
152
|
if (canOverrideSettings) {
|
|
153
153
|
try {
|
|
154
154
|
localStorage.setItem(DATASET_STORAGE_KEY, JSON.stringify(_objectSpread({
|
|
155
|
-
buster: "1.4.0-dev.2025-06-
|
|
155
|
+
buster: "1.4.0-dev.2025-06-27.115d312b" || "0.0.0",
|
|
156
156
|
timestamp: Date.now()
|
|
157
157
|
}, settings)));
|
|
158
158
|
} catch (err) {
|
|
@@ -6,11 +6,11 @@ import scatterplotIcon from "../../../assets/images/plots/scatterplot.svg";
|
|
|
6
6
|
import violinIcon from "../../../assets/images/plots/violin.svg";
|
|
7
7
|
import { PLOT_TYPES } from "../../constants/constants";
|
|
8
8
|
const iconMap = {
|
|
9
|
-
[PLOT_TYPES.DOTPLOT]: dotplotIcon,
|
|
10
|
-
[PLOT_TYPES.MATRIXPLOT]: matrixplotIcon,
|
|
11
|
-
[PLOT_TYPES.VIOLINPLOT]: violinIcon,
|
|
12
9
|
[PLOT_TYPES.SCATTERPLOT]: scatterplotIcon,
|
|
13
|
-
[PLOT_TYPES.
|
|
10
|
+
[PLOT_TYPES.MATRIXPLOT]: matrixplotIcon,
|
|
11
|
+
[PLOT_TYPES.HEATMAP]: heatmapIcon,
|
|
12
|
+
[PLOT_TYPES.DOTPLOT]: dotplotIcon,
|
|
13
|
+
[PLOT_TYPES.VIOLINPLOT]: violinIcon
|
|
14
14
|
};
|
|
15
15
|
const plotTypes = Object.entries(iconMap).map(_ref => {
|
|
16
16
|
let [type, icon] = _ref;
|
|
@@ -3,7 +3,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
3
3
|
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; }
|
|
4
4
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
5
|
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); }
|
|
6
|
-
import { useState } from "react";
|
|
6
|
+
import React, { useState } from "react";
|
|
7
7
|
import CloseIcon from "@mui/icons-material/Close";
|
|
8
8
|
import SearchIcon from "@mui/icons-material/Search";
|
|
9
9
|
import _ from "lodash";
|
|
@@ -13,9 +13,9 @@ import Container from "react-bootstrap/Container";
|
|
|
13
13
|
import Nav from "react-bootstrap/Nav";
|
|
14
14
|
import Row from "react-bootstrap/Row";
|
|
15
15
|
import Tab from "react-bootstrap/Tab";
|
|
16
|
-
import { COLOR_ENCODINGS } from "../../constants/constants";
|
|
17
16
|
import { DiseaseInfo, VarInfo } from "./SearchInfo";
|
|
18
17
|
import { DiseasesSearchResults, VarSearchResults } from "./SearchResults";
|
|
18
|
+
import { COLOR_ENCODINGS } from "../../constants/constants";
|
|
19
19
|
const select = (dispatch, item) => {
|
|
20
20
|
dispatch({
|
|
21
21
|
type: "select.var",
|
|
@@ -129,7 +129,7 @@ export function SettingsProvider(_ref2) {
|
|
|
129
129
|
|
|
130
130
|
// If the buster is not set or does not match the current package version,
|
|
131
131
|
// reset localSettings to avoid stale data
|
|
132
|
-
if (!buster || buster !== "1.4.0-dev.2025-06-
|
|
132
|
+
if (!buster || buster !== "1.4.0-dev.2025-06-27.115d312b") {
|
|
133
133
|
localSettings = {};
|
|
134
134
|
}
|
|
135
135
|
const [settings, dispatch] = useReducer(settingsReducer, {
|
|
@@ -141,7 +141,7 @@ export function SettingsProvider(_ref2) {
|
|
|
141
141
|
if (canOverrideSettings) {
|
|
142
142
|
try {
|
|
143
143
|
localStorage.setItem(DATASET_STORAGE_KEY, JSON.stringify(_objectSpread({
|
|
144
|
-
buster: "1.4.0-dev.2025-06-
|
|
144
|
+
buster: "1.4.0-dev.2025-06-27.115d312b" || "0.0.0",
|
|
145
145
|
timestamp: Date.now()
|
|
146
146
|
}, settings)));
|
|
147
147
|
} catch (err) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haniffalab/cherita-react",
|
|
3
|
-
"version": "1.4.0-dev.2025-06-
|
|
3
|
+
"version": "1.4.0-dev.2025-06-27.115d312b",
|
|
4
4
|
"author": "Haniffa Lab",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"url": "https://github.com/haniffalab/cherita-react/issues"
|
|
129
129
|
},
|
|
130
130
|
"homepage": "https://github.com/haniffalab/cherita-react#readme",
|
|
131
|
-
"prereleaseSha": "
|
|
131
|
+
"prereleaseSha": "115d312b60ceb0d197585d8cf794f9babd1ae351"
|
|
132
132
|
}
|