@haniffalab/cherita-react 0.2.0-dev.2024-02-13.eda2add3 → 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.
Files changed (14) hide show
  1. package/dist/components/dotplot/Dotplot.js +172 -125
  2. package/dist/components/heatmap/Heatmap.js +38 -26
  3. package/dist/components/matrixplot/Matrixplot.js +60 -33
  4. package/dist/components/obs-list/ObsList.js +70 -40
  5. package/dist/components/obsm-list/ObsmList.js +17 -11
  6. package/dist/components/scatterplot/Legend.js +19 -13
  7. package/dist/components/scatterplot/Scatterplot.js +31 -22
  8. package/dist/components/scatterplot/Toolbox.js +39 -25
  9. package/dist/components/var-list/VarList.js +65 -49
  10. package/dist/components/violin/Violin.js +52 -29
  11. package/dist/context/DatasetContext.js +12 -8
  12. package/dist/utils/LoadingSpinner.js +27 -21
  13. package/dist/utils/requests.js +2 -2
  14. package/package.json +2 -2
package/dist/components/obs-list/ObsList.js CHANGED
@@ -14,6 +14,7 @@ var _chromaJs = _interopRequireDefault(require("chroma-js"));
14
14
  var _color = require("../../helpers/color");
15
15
  var _LoadingSpinner = require("../../utils/LoadingSpinner");
16
16
  var _reactBootstrap = require("react-bootstrap");
17
+ var _jsxRuntime = require("react/jsx-runtime");
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; }
19
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -130,31 +131,54 @@ function ObsColsList() {
130
131
  });
131
132
  }, [obs, dispatch]);
132
133
  function categoricalList(item) {
133
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Item, {
134
- key: item.name,
135
- eventKey: item.name
136
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Header, null, item.name), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Body, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, {
137
- variant: "flush"
138
- }, item.values.map((value, index) => /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup.Item, {
139
- key: index
140
- }, value, /*#__PURE__*/_react.default.createElement("span", {
141
- className: "cm-string cm-color",
142
- style: {
143
- backgroundColor: "rgb(".concat(obs[item.name]["state"][index]["color"], ")")
144
- }
145
- }))))));
134
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Accordion.Item, {
135
+ eventKey: item.name,
136
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Accordion.Header, {
137
+ children: item.name
138
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Accordion.Body, {
139
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup, {
140
+ variant: "flush",
141
+ children: item.values.map((value, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.ListGroup.Item, {
142
+ children: [value, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
143
+ className: "cm-string cm-color",
144
+ style: {
145
+ backgroundColor: "rgb(".concat(obs[item.name]["state"][index]["color"], ")")
146
+ }
147
+ })]
148
+ }, index))
149
+ })
150
+ })]
151
+ }, item.name);
146
152
  }
147
153
  function continuousList(item) {
148
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Item, {
149
- key: item.name,
150
- eventKey: item.name
151
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Header, null, item.name), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Body, null, /*#__PURE__*/_react.default.createElement("p", null, "Min: ", item.min), /*#__PURE__*/_react.default.createElement("p", null, "Max: ", item.max), /*#__PURE__*/_react.default.createElement("p", null, "Mean: ", item.mean), /*#__PURE__*/_react.default.createElement("p", null, "Median: ", item.median), /*#__PURE__*/_react.default.createElement("p", null, "NBins: ", item.nBins)));
154
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Accordion.Item, {
155
+ eventKey: item.name,
156
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Accordion.Header, {
157
+ children: item.name
158
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Accordion.Body, {
159
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
160
+ children: ["Min: ", item.min]
161
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
162
+ children: ["Max: ", item.max]
163
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
164
+ children: ["Mean: ", item.mean]
165
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
166
+ children: ["Median: ", item.median]
167
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
168
+ children: ["NBins: ", item.nBins]
169
+ })]
170
+ })]
171
+ }, item.name);
152
172
  }
153
173
  function otherList(item) {
154
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Item, {
155
- key: item.name,
156
- eventKey: item.name
157
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Header, null, item.name), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion.Body, null, item.type));
174
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Accordion.Item, {
175
+ eventKey: item.name,
176
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Accordion.Header, {
177
+ children: item.name
178
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Accordion.Body, {
179
+ children: item.type
180
+ })]
181
+ }, item.name);
158
182
  }
159
183
  const obsList = (0, _react.useMemo)(() => obsColsList.map(item => {
160
184
  if (item.type === "categorical") {
@@ -166,25 +190,31 @@ function ObsColsList() {
166
190
  }
167
191
  }), [obsColsList]);
168
192
  if (!serverError) {
169
- return /*#__PURE__*/_react.default.createElement("div", {
170
- className: "position-relative"
171
- }, /*#__PURE__*/_react.default.createElement("div", {
172
- className: "list-group overflow-auto"
173
- }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Accordion, {
174
- flush: true,
175
- activeKey: active,
176
- onSelect: key => {
177
- if (key != null) {
178
- dispatch({
179
- type: "obsSelected",
180
- obs: obsColsList.find(obs => obs.name === key)
181
- });
182
- }
183
- }
184
- }, obsList)));
193
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
194
+ className: "position-relative",
195
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
196
+ className: "list-group overflow-auto",
197
+ children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Accordion, {
198
+ flush: true,
199
+ activeKey: active,
200
+ onSelect: key => {
201
+ if (key != null) {
202
+ dispatch({
203
+ type: "obsSelected",
204
+ obs: obsColsList.find(obs => obs.name === key)
205
+ });
206
+ }
207
+ },
208
+ children: obsList
209
+ })]
210
+ })
211
+ });
185
212
  } else {
186
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
187
- variant: "danger"
188
- }, serverError.message));
213
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
214
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
215
+ variant: "danger",
216
+ children: serverError.message
217
+ })
218
+ });
189
219
  }
190
220
  }
package/dist/components/obsm-list/ObsmList.js CHANGED
@@ -10,6 +10,7 @@ var _requests = require("../../utils/requests");
10
10
  var _DatasetContext = require("../../context/DatasetContext");
11
11
  var _LoadingSpinner = require("../../utils/LoadingSpinner");
12
12
  var _reactBootstrap = require("react-bootstrap");
13
+ var _jsxRuntime = require("react/jsx-runtime");
13
14
  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); }
14
15
  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; }
15
16
  function ObsmKeysList() {
@@ -47,27 +48,32 @@ function ObsmKeysList() {
47
48
  }
48
49
  }, [dataset.selectedObsm]);
49
50
  const obsmList = obsmKeysList.map(item => {
50
- return /*#__PURE__*/_react.default.createElement("button", {
51
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
51
52
  type: "button",
52
- key: item,
53
53
  className: "list-group-item list-grou-item-action ".concat(active === item && "active"),
54
54
  onClick: () => {
55
55
  dispatch({
56
56
  type: "obsmSelected",
57
57
  obsm: item
58
58
  });
59
- }
59
+ },
60
+ children: item
60
61
  }, item);
61
62
  });
62
63
  if (!serverError) {
63
- return /*#__PURE__*/_react.default.createElement("div", {
64
- className: ""
65
- }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement("div", {
66
- className: "list-group overflow-auto mh-100"
67
- }, obsmList));
64
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
65
+ className: "",
66
+ children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
67
+ className: "list-group overflow-auto mh-100",
68
+ children: obsmList
69
+ })]
70
+ });
68
71
  } else {
69
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
70
- variant: "danger"
71
- }, serverError.message));
72
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
73
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
74
+ variant: "danger",
75
+ children: serverError.message
76
+ })
77
+ });
72
78
  }
73
79
  }
package/dist/components/scatterplot/Legend.js CHANGED
@@ -21,6 +21,7 @@ var _DropdownButton = _interopRequireDefault(require("react-bootstrap/DropdownBu
21
21
  var _ButtonGroup = _interopRequireDefault(require("react-bootstrap/ButtonGroup"));
22
22
  var _reactFontawesome = require("@fortawesome/react-fontawesome");
23
23
  var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
24
+ var _jsxRuntime = require("react/jsx-runtime");
24
25
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
26
  function Legend(_ref) {
26
27
  let {
@@ -37,24 +38,29 @@ function Legend(_ref) {
37
38
  for (var i = 0; i <= 100; i++) {
38
39
  var color = c(dmin + i / 100 * (dmax - dmin));
39
40
  //console.log(color.hex());
40
- legendList.push( /*#__PURE__*/_react.React.createElement("span", {
41
+ legendList.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
41
42
  className: "grad-step",
42
43
  style: {
43
44
  backgroundColor: color.hex()
44
45
  }
45
46
  }));
46
47
  }
47
- return /*#__PURE__*/_react.React.createElement("div", {
48
- className: "cherita-legend"
49
- }, /*#__PURE__*/_react.React.createElement("div", {
50
- className: "gradient"
51
- }, legendList, /*#__PURE__*/_react.React.createElement("span", {
52
- className: "domain-min"
53
- }, dmin), /*#__PURE__*/_react.React.createElement("span", {
54
- className: "domain-med"
55
- }, (dmin + dmax) * 0.5), /*#__PURE__*/_react.React.createElement("span", {
56
- className: "domain-max"
57
- }, dmax)));
48
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
49
+ className: "cherita-legend",
50
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
51
+ className: "gradient",
52
+ children: [legendList, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
53
+ className: "domain-min",
54
+ children: dmin
55
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
56
+ className: "domain-med",
57
+ children: (dmin + dmax) * 0.5
58
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
59
+ className: "domain-max",
60
+ children: dmax
61
+ })]
62
+ })
63
+ });
58
64
  }
59
- return /*#__PURE__*/_react.React.createElement(_react.React.Fragment, null);
65
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
60
66
  }
package/dist/components/scatterplot/Scatterplot.js CHANGED
@@ -21,6 +21,7 @@ var _DatasetContext = require("../../context/DatasetContext");
21
21
  var _map = require("../../helpers/map");
22
22
  var _zarr = require("../../helpers/zarr");
23
23
  var _color = require("../../helpers/color");
24
+ var _jsxRuntime = require("react/jsx-runtime");
24
25
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
26
  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); }
26
27
  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; }
@@ -28,20 +29,25 @@ window.deck.log.level = 1;
28
29
  function ScatterplotControls() {
29
30
  const dataset = (0, _DatasetContext.useDataset)();
30
31
  const dispatch = (0, _DatasetContext.useDatasetDispatch)();
31
- const colormapList = _constants.PLOTLY_COLORSCALES.map(item => /*#__PURE__*/_react.default.createElement(_Dropdown.default.Item, {
32
- key: item,
32
+ const colormapList = _constants.PLOTLY_COLORSCALES.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
33
33
  active: dataset.controls.colorScale === item,
34
34
  onClick: () => {
35
35
  dispatch({
36
36
  type: "set.controls.colorScale",
37
37
  colorScale: item
38
38
  });
39
- }
39
+ },
40
+ children: item
40
41
  }, item));
41
- return /*#__PURE__*/_react.default.createElement(_Dropdown.default, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default.Toggle, {
42
- id: "dropdownColorscale",
43
- variant: "light"
44
- }, dataset.controls.colorScale), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Menu, null, colormapList));
42
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown.default, {
43
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Toggle, {
44
+ id: "dropdownColorscale",
45
+ variant: "light",
46
+ children: dataset.controls.colorScale
47
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Menu, {
48
+ children: colormapList
49
+ })]
50
+ });
45
51
  }
46
52
  function Scatterplot(_ref) {
47
53
  let {
@@ -181,19 +187,22 @@ function Scatterplot(_ref) {
181
187
  }
182
188
  setSelectedFeatureIndexes(info.object ? [info.index] : []);
183
189
  }
184
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
185
- className: "cherita-scatterplot"
186
- }, /*#__PURE__*/_react.default.createElement(_react2.default, {
187
- layers: layers,
188
- initialViewState: viewport,
189
- controller: true,
190
- onClick: onLayerClick
191
- }), /*#__PURE__*/_react.default.createElement(_Toolbox.Toolbox, {
192
- mode: mode,
193
- setMode: setMode,
194
- features: mode,
195
- setFeatures: setFeatures
196
- }), /*#__PURE__*/_react.default.createElement(_Legend.Legend, {
197
- values: values
198
- })));
190
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
191
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
192
+ className: "cherita-scatterplot",
193
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.default, {
194
+ layers: layers,
195
+ initialViewState: viewport,
196
+ controller: true,
197
+ onClick: onLayerClick
198
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbox.Toolbox, {
199
+ mode: mode,
200
+ setMode: setMode,
201
+ features: mode,
202
+ setFeatures: setFeatures
203
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Legend.Legend, {
204
+ values: values
205
+ })]
206
+ })
207
+ });
199
208
  }
package/dist/components/scatterplot/Toolbox.js CHANGED
@@ -13,6 +13,7 @@ var _DropdownButton = _interopRequireDefault(require("react-bootstrap/DropdownBu
13
13
  var _ButtonGroup = _interopRequireDefault(require("react-bootstrap/ButtonGroup"));
14
14
  var _reactFontawesome = require("@fortawesome/react-fontawesome");
15
15
  var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
16
+ var _jsxRuntime = require("react/jsx-runtime");
16
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
18
  function Toolbox(_ref) {
18
19
  let {
@@ -50,29 +51,42 @@ function Toolbox(_ref) {
50
51
  features: []
51
52
  });
52
53
  };
53
- return /*#__PURE__*/_react.React.createElement("div", {
54
- className: "cherita-toolbox"
55
- }, /*#__PURE__*/_react.React.createElement(_ButtonGroup.default, null, /*#__PURE__*/_react.React.createElement(_DropdownButton.default, {
56
- as: _ButtonGroup.default,
57
- title: /*#__PURE__*/_react.React.createElement(_react.React.Fragment, null, /*#__PURE__*/_react.React.createElement(_reactFontawesome.FontAwesomeIcon, {
58
- icon: _freeSolidSvgIcons.faArrowPointer
59
- }), " Mode"),
60
- id: "bg-nested-dropdown",
61
- onSelect: onSelect
62
- }, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
63
- eventKey: "DrawPolygonMode"
64
- }, "DrawPolygonMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
65
- eventKey: "DrawLineStringMode"
66
- }, "DrawLineStringMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
67
- eventKey: "DrawPolygonByDraggingMode"
68
- }, "DrawPolygonByDraggingMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
69
- eventKey: "DrawRectangleMode"
70
- }, "DrawRectangleMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
71
- eventKey: "ModifyMode"
72
- }, "ModifyMode"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
73
- eventKey: "ViewMode"
74
- }, "ViewMode")), /*#__PURE__*/_react.React.createElement(_Button.default, {
75
- variant: "primary",
76
- onClick: deleteFeatures
77
- }, "Delete")));
54
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
55
+ className: "cherita-toolbox",
56
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
57
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_DropdownButton.default, {
58
+ as: _ButtonGroup.default,
59
+ title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
60
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
61
+ icon: _freeSolidSvgIcons.faArrowPointer
62
+ }), " Mode"]
63
+ }),
64
+ id: "bg-nested-dropdown",
65
+ onSelect: onSelect,
66
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
67
+ eventKey: "DrawPolygonMode",
68
+ children: "DrawPolygonMode"
69
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
70
+ eventKey: "DrawLineStringMode",
71
+ children: "DrawLineStringMode"
72
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
73
+ eventKey: "DrawPolygonByDraggingMode",
74
+ children: "DrawPolygonByDraggingMode"
75
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
76
+ eventKey: "DrawRectangleMode",
77
+ children: "DrawRectangleMode"
78
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
79
+ eventKey: "ModifyMode",
80
+ children: "ModifyMode"
81
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
82
+ eventKey: "ViewMode",
83
+ children: "ViewMode"
84
+ })]
85
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
86
+ variant: "primary",
87
+ onClick: deleteFeatures,
88
+ children: "Delete"
89
+ })]
90
+ })
91
+ });
78
92
  }
package/dist/components/var-list/VarList.js CHANGED
@@ -13,6 +13,7 @@ var _DatasetContext = require("../../context/DatasetContext");
13
13
  var _constants = require("../../constants/constants");
14
14
  var _reactBootstrap = require("react-bootstrap");
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; }
@@ -40,40 +41,48 @@ function VarSearchBar(_ref) {
40
41
  (0, _react.useEffect)(() => {
41
42
  getSuggestions(text);
42
43
  }, [getSuggestions, text]);
43
- const suggestionsList = suggestions.map(item => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
44
- key: item.name,
44
+ const suggestionsList = suggestions.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
45
45
  as: "button",
46
46
  onClick: () => {
47
47
  onSelect(item);
48
- }
49
- }, item.name));
50
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, {
51
- onSubmit: e => {
52
- e.preventDefault();
53
- }
54
- }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Label, null, "Feature:"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
55
- onFocus: () => {
56
- setShowSuggestions(text.length > 0);
57
- },
58
- onBlur: () => {
59
- _lodash.default.delay(() => {
60
- setShowSuggestions(false);
61
- }, 150);
62
- },
63
- type: "text",
64
- placeholder: "Search for a feature",
65
- value: text,
66
- onChange: e => {
67
- setText(e.target.value);
68
- }
69
- }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Menu, {
70
- style: {
71
- width: "90%",
72
- maxHeight: "25vh",
73
- overflowY: "scroll"
74
48
  },
75
- show: showSuggestions
76
- }, suggestionsList))));
49
+ children: item.name
50
+ }, item.name));
51
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
52
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form, {
53
+ onSubmit: e => {
54
+ e.preventDefault();
55
+ },
56
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.FormGroup, {
57
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Label, {
58
+ children: "Feature:"
59
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
60
+ onFocus: () => {
61
+ setShowSuggestions(text.length > 0);
62
+ },
63
+ onBlur: () => {
64
+ _lodash.default.delay(() => {
65
+ setShowSuggestions(false);
66
+ }, 150);
67
+ },
68
+ type: "text",
69
+ placeholder: "Search for a feature",
70
+ value: text,
71
+ onChange: e => {
72
+ setText(e.target.value);
73
+ }
74
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
75
+ style: {
76
+ width: "90%",
77
+ maxHeight: "25vh",
78
+ overflowY: "scroll"
79
+ },
80
+ show: showSuggestions,
81
+ children: suggestionsList
82
+ })]
83
+ })
84
+ })
85
+ });
77
86
  }
78
87
  function VarNamesList(_ref2) {
79
88
  let {
@@ -166,9 +175,8 @@ function VarNamesList(_ref2) {
166
175
  const varList = (0, _react.useMemo)(() => {
167
176
  return varButtons.map(item => {
168
177
  if (item && mode === _constants.SELECTION_MODES.SINGLE) {
169
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
178
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
170
179
  type: "button",
171
- key: item.matrix_index,
172
180
  variant: "outline-primary",
173
181
  className: "".concat(active === item.matrix_index && "active", " m-1"),
174
182
  onClick: () => {
@@ -176,12 +184,12 @@ function VarNamesList(_ref2) {
176
184
  type: "varSelected",
177
185
  var: item
178
186
  });
179
- }
180
- }, item.name);
187
+ },
188
+ children: item.name
189
+ }, item.matrix_index);
181
190
  } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
182
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
191
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
183
192
  type: "button",
184
- key: item.matrix_index,
185
193
  variant: "outline-primary",
186
194
  className: "".concat(active.includes(item.matrix_index) && "active", " m-1"),
187
195
  onClick: () => {
@@ -196,25 +204,33 @@ function VarNamesList(_ref2) {
196
204
  var: item
197
205
  });
198
206
  }
199
- }
200
- }, item.name);
207
+ },
208
+ children: item.name
209
+ }, item.matrix_index);
201
210
  } else {
202
211
  return null;
203
212
  }
204
213
  });
205
214
  }, [active, dispatch, mode, varButtons]);
206
215
  if (!serverError) {
207
- return /*#__PURE__*/_react.default.createElement("div", {
208
- className: "position-relative"
209
- }, /*#__PURE__*/_react.default.createElement("h4", null, mode), isPending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement(VarSearchBar, {
210
- varNames: varNames,
211
- onSelect: selectVar
212
- }), /*#__PURE__*/_react.default.createElement("div", {
213
- className: "overflow-auto mt-2"
214
- }, varList));
216
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
217
+ className: "position-relative",
218
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
219
+ children: mode
220
+ }), isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(VarSearchBar, {
221
+ varNames: varNames,
222
+ onSelect: selectVar
223
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
224
+ className: "overflow-auto mt-2",
225
+ children: varList
226
+ })]
227
+ });
215
228
  } else {
216
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
217
- variant: "danger"
218
- }, serverError.message));
229
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
230
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
231
+ variant: "danger",
232
+ children: serverError.message
233
+ })
234
+ });
219
235
  }
220
236
  }