@haniffalab/cherita-react 0.1.12-dev.2023-12-05.b3b4991a → 0.1.12-dev.2023-12-12.6e6b2de2

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 (7) hide show
  1. package/dist/components/obsm-list/ObsmList.js +65 -0
  2. package/dist/components/scatterplot/Scatterplot.js +34 -72
  3. package/dist/components/scatterplot/Toolbox.js +78 -45
  4. package/dist/constants/constants.js +1 -3
  5. package/dist/context/DatasetContext.js +7 -6
  6. package/dist/index.js +7 -0
  7. package/package.json +2 -2
package/dist/components/obsm-list/ObsmList.js ADDED
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.ObsmKeysList = ObsmKeysList;
8
+ require("bootstrap/dist/css/bootstrap.min.css");
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _requests = require("../../utils/requests");
11
+ var _DatasetContext = require("../../context/DatasetContext");
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
16
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
17
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
18
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
19
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
+ function ObsmKeysList() {
21
+ var dataset = (0, _DatasetContext.useDataset)();
22
+ var dispatch = (0, _DatasetContext.useDatasetDispatch)();
23
+ var _useState = (0, _react.useState)([]),
24
+ _useState2 = _slicedToArray(_useState, 2),
25
+ obsmKeysList = _useState2[0],
26
+ setObsmKeysList = _useState2[1];
27
+ var _useState3 = (0, _react.useState)(null),
28
+ _useState4 = _slicedToArray(_useState3, 2),
29
+ active = _useState4[0],
30
+ setActive = _useState4[1];
31
+ (0, _react.useEffect)(function () {
32
+ (0, _requests.fetchData)("obsm/keys", {
33
+ url: dataset.url
34
+ }).then(function (data) {
35
+ setObsmKeysList(data);
36
+ }).catch(function (response) {
37
+ response.json().then(function (json) {
38
+ console.log(json.message);
39
+ });
40
+ });
41
+ }, [dataset.url]);
42
+ (0, _react.useEffect)(function () {
43
+ if (dataset.selectedObsm) {
44
+ setActive(dataset.selectedObsm);
45
+ }
46
+ }, [dataset.selectedObsm]);
47
+ var obsmList = obsmKeysList.map(function (item) {
48
+ return /*#__PURE__*/_react.default.createElement("button", {
49
+ type: "button",
50
+ key: item,
51
+ className: "list-group-item list-grou-item-action ".concat(active === item && "active"),
52
+ onClick: function onClick() {
53
+ dispatch({
54
+ type: "obsmSelected",
55
+ obsm: item
56
+ });
57
+ }
58
+ }, item);
59
+ });
60
+ return /*#__PURE__*/_react.default.createElement("div", {
61
+ className: ""
62
+ }, /*#__PURE__*/_react.default.createElement("div", {
63
+ className: "list-group overflow-auto mh-100"
64
+ }, obsmList));
65
+ }
package/dist/components/scatterplot/Scatterplot.js CHANGED
@@ -14,9 +14,9 @@ var _chromaJs = _interopRequireDefault(require("chroma-js"));
14
14
  var _react2 = _interopRequireDefault(require("@deck.gl/react"));
15
15
  var _layers = require("@deck.gl/layers");
16
16
  var _DatasetContext = require("../../context/DatasetContext");
17
- var _constants = require("../../constants/constants");
18
17
  var _map = require("../../helpers/map");
19
18
  var _zarr = require("../../helpers/zarr");
19
+ var _Button = _interopRequireDefault(require("react-bootstrap/Button"));
20
20
  var _layers2 = require("@nebula.gl/layers");
21
21
  var _editModes = require("@nebula.gl/edit-modes");
22
22
  var _editor = require("@nebula.gl/editor");
@@ -35,69 +35,46 @@ window.deck.log.level = 1;
35
35
  function ScatterplotControls() {
36
36
  var dataset = (0, _DatasetContext.useDataset)();
37
37
  var dispatch = (0, _DatasetContext.useDatasetDispatch)();
38
- var _useState = (0, _react.useState)(dataset.embedding),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- active = _useState2[0],
41
- setActive = _useState2[1];
42
- (0, _react.useEffect)(function () {
43
- setActive(dataset.embedding);
44
- }, [dataset.embedding]);
45
- var colormapList = _constants.EMBEDDINGS.map(function (item) {
46
- return /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
47
- key: item,
48
- active: active === item,
49
- onClick: function onClick() {
50
- setActive(item);
51
- dispatch({
52
- type: "embeddingSelected",
53
- embedding: item
54
- });
55
- }
56
- }, item);
57
- });
58
- return /*#__PURE__*/_react.React.createElement(_Dropdown.default, null, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Toggle, {
59
- id: "dropdownEmbedding",
60
- variant: "light"
61
- }, dataset.embedding), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Menu, null, colormapList));
38
+ return /*#__PURE__*/_react.React.createElement(_react.React.Fragment, null);
62
39
  }
63
40
  function Scatterplot(_ref) {
64
41
  var _ref$radius = _ref.radius,
65
42
  radius = _ref$radius === void 0 ? 30 : _ref$radius;
66
43
  var dataset = (0, _DatasetContext.useDataset)();
67
- var _useState3 = (0, _react.useState)({
44
+ var _useState = (0, _react.useState)({
68
45
  type: "FeatureCollection",
69
46
  features: []
70
47
  }),
71
- _useState4 = _slicedToArray(_useState3, 2),
72
- features = _useState4[0],
73
- setFeatures = _useState4[1];
74
- var _useState5 = (0, _react.useState)(function () {
75
- return _editModes.DrawPolygonByDraggingMode;
48
+ _useState2 = _slicedToArray(_useState, 2),
49
+ features = _useState2[0],
50
+ setFeatures = _useState2[1];
51
+ var _useState3 = (0, _react.useState)(function () {
52
+ return _editModes.ViewMode;
76
53
  }),
54
+ _useState4 = _slicedToArray(_useState3, 2),
55
+ mode = _useState4[0],
56
+ setMode = _useState4[1];
57
+ var _useState5 = (0, _react.useState)({}),
77
58
  _useState6 = _slicedToArray(_useState5, 2),
78
- mode = _useState6[0],
79
- setMode = _useState6[1];
80
- var _useState7 = (0, _react.useState)({}),
59
+ modeConfig = _useState6[0],
60
+ setModeConfig = _useState6[1];
61
+ var _useState7 = (0, _react.useState)([]),
81
62
  _useState8 = _slicedToArray(_useState7, 2),
82
- modeConfig = _useState8[0],
83
- setModeConfig = _useState8[1];
63
+ selectedFeatureIndexes = _useState8[0],
64
+ setSelectedFeatureIndexes = _useState8[1];
84
65
  var _useState9 = (0, _react.useState)([]),
85
66
  _useState10 = _slicedToArray(_useState9, 2),
86
- selectedFeatureIndexes = _useState10[0],
87
- setSelectedFeatureIndexes = _useState10[1];
67
+ data = _useState10[0],
68
+ setData = _useState10[1];
88
69
  var _useState11 = (0, _react.useState)([]),
89
70
  _useState12 = _slicedToArray(_useState11, 2),
90
- data = _useState12[0],
91
- setData = _useState12[1];
71
+ position = _useState12[0],
72
+ setPosition = _useState12[1];
92
73
  var _useState13 = (0, _react.useState)([]),
93
74
  _useState14 = _slicedToArray(_useState13, 2),
94
- position = _useState14[0],
95
- setPosition = _useState14[1];
96
- var _useState15 = (0, _react.useState)([]),
97
- _useState16 = _slicedToArray(_useState15, 2),
98
- values = _useState16[0],
99
- setValues = _useState16[1];
100
- var _useState17 = (0, _react.useState)({
75
+ values = _useState14[0],
76
+ setValues = _useState14[1];
77
+ var _useState15 = (0, _react.useState)({
101
78
  longitude: 0,
102
79
  latitude: 0,
103
80
  zoom: 0,
@@ -105,9 +82,9 @@ function Scatterplot(_ref) {
105
82
  pitch: 0,
106
83
  bearing: 0
107
84
  }),
108
- _useState18 = _slicedToArray(_useState17, 2),
109
- viewport = _useState18[0],
110
- setViewport = _useState18[1];
85
+ _useState16 = _slicedToArray(_useState15, 2),
86
+ viewport = _useState16[0],
87
+ setViewport = _useState16[1];
111
88
  (0, _react.useEffect)(function () {
112
89
  setData(function (prevState, props) {
113
90
  var colorScale = _chromaJs.default.scale(["yellow", "008ae5"]).domain([_lodash.default.min(values), _lodash.default.max(values)]);
@@ -123,7 +100,7 @@ function Scatterplot(_ref) {
123
100
  });
124
101
  }, [position, values]);
125
102
  (0, _react.useEffect)(function () {
126
- if (dataset.embedding) {
103
+ if (dataset.selectedObsm) {
127
104
  var helper = new _map.MapHelper();
128
105
  var zarrHelper = new _zarr.ZarrHelper();
129
106
  var fetchObsm = /*#__PURE__*/function () {
@@ -133,7 +110,7 @@ function Scatterplot(_ref) {
133
110
  while (1) switch (_context.prev = _context.next) {
134
111
  case 0:
135
112
  _context.next = 2;
136
- return zarrHelper.open(dataset.url, "obsm/" + dataset.embedding);
113
+ return zarrHelper.open(dataset.url, "obsm/" + dataset.selectedObsm);
137
114
  case 2:
138
115
  z = _context.sent;
139
116
  _context.next = 5;
@@ -164,7 +141,7 @@ function Scatterplot(_ref) {
164
141
  }();
165
142
  fetchObsm().catch(console.error);
166
143
  }
167
- }, [dataset.url, dataset.embedding]);
144
+ }, [dataset.url, dataset.selectedObsm]);
168
145
  (0, _react.useEffect)(function () {
169
146
  if (dataset.selectedVar) {
170
147
  var zarrHelper = new _zarr.ZarrHelper();
@@ -232,27 +209,12 @@ function Scatterplot(_ref) {
232
209
  initialViewState: viewport,
233
210
  controller: true,
234
211
  onClick: onLayerClick
235
- }), /*#__PURE__*/_react.React.createElement(_editor.Toolbox, {
236
- mode: mode,
237
- onSetMode: function onSetMode(m) {
238
- setModeConfig(null);
239
- setMode(m);
240
- },
241
- modeConfig: modeConfig,
242
- onSetModeConfig: setModeConfig,
243
- geoJson: features,
244
- onSetGeoJson: setFeatures,
245
- onImport: setFeatures
246
212
  }), /*#__PURE__*/_react.React.createElement(_Toolbox.Toolbox2, {
247
213
  mode: mode,
248
- onSetMode: function onSetMode(m) {
249
- setModeConfig(null);
250
- setMode(m);
251
- },
214
+ setMode: setMode,
252
215
  modeConfig: modeConfig,
253
- onSetModeConfig: setModeConfig,
254
- geoJson: features,
255
- onSetGeoJson: setFeatures,
256
- onImport: setFeatures
216
+ setModeConfig: setModeConfig,
217
+ features: mode,
218
+ setFeatures: setFeatures
257
219
  })));
258
220
  }
package/dist/components/scatterplot/Toolbox.js CHANGED
@@ -7,62 +7,95 @@ exports.Toolbox2 = Toolbox2;
7
7
  require("bootstrap/dist/css/bootstrap.min.css");
8
8
  var _Dropdown = _interopRequireDefault(require("react-bootstrap/Dropdown"));
9
9
  var _react = require("react");
10
- var _lodash = _interopRequireDefault(require("lodash"));
11
- var _chromaJs = _interopRequireDefault(require("chroma-js"));
12
- var _react2 = _interopRequireDefault(require("@deck.gl/react"));
13
- var _layers = require("@deck.gl/layers");
14
10
  var _DatasetContext = require("../../context/DatasetContext");
15
- var _constants = require("../../constants/constants");
16
- var _map = require("../../helpers/map");
17
- var _zarr = require("../../helpers/zarr");
18
- var _layers2 = require("@nebula.gl/layers");
11
+ var _layers = require("@nebula.gl/layers");
19
12
  var _editModes = require("@nebula.gl/edit-modes");
20
- var _editor = require("@nebula.gl/editor");
21
13
  var _Button = _interopRequireDefault(require("react-bootstrap/Button"));
22
14
  var _DropdownButton = _interopRequireDefault(require("react-bootstrap/DropdownButton"));
23
15
  var _ButtonGroup = _interopRequireDefault(require("react-bootstrap/ButtonGroup"));
24
16
  var _reactFontawesome = require("@fortawesome/react-fontawesome");
25
17
  var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
26
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
28
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
30
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
31
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
32
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
- window.deck.log.level = 1;
34
- function Toolbox2() {
35
- var dataset = (0, _DatasetContext.useDataset)();
36
- var dispatch = (0, _DatasetContext.useDatasetDispatch)();
37
- var _useState = (0, _react.useState)(dataset.embedding),
38
- _useState2 = _slicedToArray(_useState, 2),
39
- active = _useState2[0],
40
- setActive = _useState2[1];
41
- (0, _react.useEffect)(function () {
42
- setActive(dataset.embedding);
43
- }, [dataset.embedding]);
19
+ function Toolbox2(_ref) {
20
+ var mode = _ref.mode,
21
+ setMode = _ref.setMode,
22
+ features = _ref.features,
23
+ setFeatures = _ref.setFeatures;
24
+ var onSelect = function onSelect(eventKey, event) {
25
+ console.log(eventKey); // selected event will trigger
26
+ switch (eventKey) {
27
+ case "DrawPolygonMode":
28
+ setMode(function () {
29
+ return _editModes.DrawPolygonMode;
30
+ });
31
+ break;
32
+ case "DrawLineStringMode":
33
+ setMode(function () {
34
+ return _editModes.DrawLineStringMode;
35
+ });
36
+ break;
37
+ case "DrawPolygonByDraggingMode":
38
+ setMode(function () {
39
+ return _editModes.DrawPolygonByDraggingMode;
40
+ });
41
+ break;
42
+ case "DrawRectangleMode":
43
+ setMode(function () {
44
+ return _editModes.DrawRectangleMode;
45
+ });
46
+ break;
47
+ case "ModifyMode":
48
+ setMode(function () {
49
+ return _editModes.ModifyMode;
50
+ });
51
+ break;
52
+ default:
53
+ setMode(function () {
54
+ return _editModes.ViewMode;
55
+ });
56
+ }
57
+ };
58
+ var deleteFeatures = function deleteFeatures(eventKey, event) {
59
+ console.log(eventKey); // selected event will trigger
60
+ setFeatures({
61
+ type: "FeatureCollection",
62
+ features: []
63
+ });
64
+ };
65
+ var undo = function undo(eventKey, event) {
66
+ console.log(features); // selected event will trigger
67
+ // setFeatures({
68
+ // type: "FeatureCollection",
69
+ // features: [],
70
+ // });
71
+ };
72
+
44
73
  return /*#__PURE__*/_react.React.createElement("div", {
45
74
  className: "cherita-toolbox"
46
- }, /*#__PURE__*/_react.React.createElement(_Dropdown.default, null, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Toggle, {
47
- variant: "success",
48
- id: "dropdown-basic"
49
- }, "Dropdown Button"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Menu, null, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
50
- href: "#/action-1"
51
- }, "Action"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
52
- href: "#/action-2"
53
- }, "Another action"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
54
- href: "#/action-3"
55
- }, "Something else"))), /*#__PURE__*/_react.React.createElement(_ButtonGroup.default, null, /*#__PURE__*/_react.React.createElement(_Button.default, null, /*#__PURE__*/_react.React.createElement(_reactFontawesome.FontAwesomeIcon, {
56
- icon: _freeSolidSvgIcons.faArrowPointer
57
- }), " Mode"), /*#__PURE__*/_react.React.createElement(_Button.default, null, "2"), /*#__PURE__*/_react.React.createElement(_DropdownButton.default, {
75
+ }, /*#__PURE__*/_react.React.createElement(_ButtonGroup.default, null, /*#__PURE__*/_react.React.createElement(_DropdownButton.default, {
58
76
  as: _ButtonGroup.default,
59
- title: "test" + /*#__PURE__*/_react.React.createElement(_reactFontawesome.FontAwesomeIcon, {
77
+ title: /*#__PURE__*/_react.React.createElement(_react.React.Fragment, null, /*#__PURE__*/_react.React.createElement(_reactFontawesome.FontAwesomeIcon, {
60
78
  icon: _freeSolidSvgIcons.faArrowPointer
61
- }),
62
- id: "bg-nested-dropdown"
79
+ }), " Mode"),
80
+ id: "bg-nested-dropdown",
81
+ onSelect: onSelect
63
82
  }, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
64
- eventKey: "1"
65
- }, "Dropdown link"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
66
- eventKey: "2"
67
- }, "Dropdown link"))));
83
+ eventKey: "DrawPolygonMode"
84
+ }, "DrawPolygonMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
85
+ eventKey: "DrawLineStringMode"
86
+ }, "DrawLineStringMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
87
+ eventKey: "DrawPolygonByDraggingMode"
88
+ }, "DrawPolygonByDraggingMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
89
+ eventKey: "DrawRectangleMode"
90
+ }, "DrawRectangleMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
91
+ eventKey: "ModifyMode"
92
+ }, "ModifyMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
93
+ eventKey: "ViewMode"
94
+ }, "ViewMode")), /*#__PURE__*/_react.React.createElement(_Button.default, {
95
+ variant: "primary",
96
+ onClick: deleteFeatures
97
+ }, "Delete"), /*#__PURE__*/_react.React.createElement(_Button.default, {
98
+ variant: "primary",
99
+ onClick: undo
100
+ }, "Undo")));
68
101
  }
package/dist/constants/constants.js CHANGED
@@ -3,11 +3,9 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.VIOLIN_MODES = exports.VIOLINPLOT_STANDARDSCALES = exports.SELECTION_MODES = exports.PLOTLY_COLORSCALES = exports.MATRIXPLOT_STANDARDSCALES = exports.EMBEDDINGS = exports.DOTPLOT_STANDARDSCALES = void 0;
6
+ exports.VIOLIN_MODES = exports.VIOLINPLOT_STANDARDSCALES = exports.SELECTION_MODES = exports.PLOTLY_COLORSCALES = exports.MATRIXPLOT_STANDARDSCALES = exports.DOTPLOT_STANDARDSCALES = void 0;
7
7
  var PLOTLY_COLORSCALES = ["Blackbody", "Bluered", "Blues", "Cividis", "Earth", "Electric", "Greens", "Greys", "Hot", "Jet", "Picnic", "Portland", "Rainbow", "RdBu", "Reds", "Viridis", "YlGnBu", "YlOrRd"];
8
8
  exports.PLOTLY_COLORSCALES = PLOTLY_COLORSCALES;
9
- var EMBEDDINGS = ["X_umap", "X_tsne"];
10
- exports.EMBEDDINGS = EMBEDDINGS;
11
9
  var SELECTION_MODES = {
12
10
  SINGLE: "single",
13
11
  MULTIPLE: "multiple"
package/dist/context/DatasetContext.js CHANGED
@@ -36,6 +36,7 @@ function DatasetProvider(_ref) {
36
36
  var _useReducer = (0, _react.useReducer)(datasetReducer, {
37
37
  url: dataset_url,
38
38
  selectedObs: null,
39
+ selectedObsm: null,
39
40
  selectedVar: null,
40
41
  selectedMultiObs: [],
41
42
  selectedMultiVar: [],
@@ -79,6 +80,12 @@ function datasetReducer(dataset, action) {
79
80
  selectedObs: action.obs
80
81
  });
81
82
  }
83
+ case "obsmSelected":
84
+ {
85
+ return _objectSpread(_objectSpread({}, dataset), {}, {
86
+ selectedObsm: action.obsm
87
+ });
88
+ }
82
89
  case "varSelected":
83
90
  {
84
91
  return _objectSpread(_objectSpread({}, dataset), {}, {
@@ -99,12 +106,6 @@ function datasetReducer(dataset, action) {
99
106
  })
100
107
  });
101
108
  }
102
- case "embeddingSelected":
103
- {
104
- return _objectSpread(_objectSpread({}, dataset), {}, {
105
- embedding: action.embedding
106
- });
107
- }
108
109
  case "set.controls.colorScale":
109
110
  {
110
111
  return _objectSpread(_objectSpread({}, dataset), {}, {
package/dist/index.js CHANGED
@@ -51,6 +51,12 @@ Object.defineProperty(exports, "ObsColsList", {
51
51
  return _ObsList.ObsColsList;
52
52
  }
53
53
  });
54
+ Object.defineProperty(exports, "ObsmKeysList", {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _ObsmList.ObsmKeysList;
58
+ }
59
+ });
54
60
  Object.defineProperty(exports, "PLOTLY_COLORSCALES", {
55
61
  enumerable: true,
56
62
  get: function get() {
@@ -100,6 +106,7 @@ Object.defineProperty(exports, "ViolinControls", {
100
106
  }
101
107
  });
102
108
  var _ObsList = require("./components/obs-list/ObsList");
109
+ var _ObsmList = require("./components/obsm-list/ObsmList");
103
110
  var _VarList = require("./components/var-list/VarList");
104
111
  var _Heatmap = require("./components/heatmap/Heatmap");
105
112
  var _Dotplot = require("./components/dotplot/Dotplot");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haniffalab/cherita-react",
3
- "version": "0.1.12-dev.2023-12-05.b3b4991a",
3
+ "version": "0.1.12-dev.2023-12-12.6e6b2de2",
4
4
  "author": "",
5
5
  "license": "",
6
6
  "main": "dist/index.js",
@@ -74,5 +74,5 @@
74
74
  "url": "https://github.com/haniffalab/cherita-react/issues"
75
75
  },
76
76
  "homepage": "https://github.com/haniffalab/cherita-react#readme",
77
- "prereleaseSha": "b3b4991a97753c397c5cae36cbb66686375f7298"
77
+ "prereleaseSha": "6e6b2de215f5887606dd41e2630f29a20b7c2388"
78
78
  }