@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.
@@ -13,6 +13,7 @@ var _constants = require("../../constants/constants");
13
13
  var _reactBootstrap = require("react-bootstrap");
14
14
  var _requests = require("../../utils/requests");
15
15
  var _LoadingSpinner = require("../../utils/LoadingSpinner");
16
+ var _jsxRuntime = require("react/jsx-runtime");
16
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
18
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -25,20 +26,33 @@ function ViolinControls() {
25
26
  setActiveStandardScale(_constants.VIOLINPLOT_STANDARDSCALES.find(obs => obs.value === dataset.controls.standardScale).name);
26
27
  }
27
28
  }, [dataset.controls.standardScale]);
28
- const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
29
- key: item.value,
29
+ const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
30
30
  active: activeStandardScale === item.value,
31
31
  onClick: () => {
32
32
  dispatch({
33
33
  type: "set.controls.standardScale",
34
34
  standardScale: item.value
35
35
  });
36
- }
37
- }, item.name));
38
- return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonToolbar, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, "Standard scale"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Toggle, {
39
- id: "dropdownStandardScale",
40
- variant: "light"
41
- }, activeStandardScale), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Menu, null, standardScaleList)))));
36
+ },
37
+ children: item.name
38
+ }, item.value));
39
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonToolbar, {
40
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
41
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
42
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
43
+ children: "Standard scale"
44
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
45
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
46
+ id: "dropdownStandardScale",
47
+ variant: "light",
48
+ children: activeStandardScale
49
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
50
+ children: standardScaleList
51
+ })]
52
+ })]
53
+ })
54
+ })
55
+ });
42
56
  }
43
57
  function Violin(_ref) {
44
58
  let {
@@ -103,28 +117,37 @@ function Violin(_ref) {
103
117
  }, [fetchedData, hasSelections, isPending, serverError]);
104
118
  if (!serverError) {
105
119
  if (hasSelections) {
106
- return /*#__PURE__*/_react.default.createElement("div", {
107
- className: "cherita-violin position-relative"
108
- }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement("h5", null, mode), /*#__PURE__*/_react.default.createElement(_reactPlotly.default, {
109
- data: data,
110
- layout: layout,
111
- useResizeHandler: true,
112
- style: {
113
- maxWidth: "100%",
114
- maxHeight: "100%"
115
- }
116
- }));
120
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
121
+ className: "cherita-violin position-relative",
122
+ children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
123
+ children: mode
124
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
125
+ data: data,
126
+ layout: layout,
127
+ useResizeHandler: true,
128
+ style: {
129
+ maxWidth: "100%",
130
+ maxHeight: "100%"
131
+ }
132
+ })]
133
+ });
117
134
  }
118
- return /*#__PURE__*/_react.default.createElement("div", {
119
- className: "cherita-violin"
120
- }, mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
121
- variant: "light"
122
- }, "Select features"), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
123
- variant: "light"
124
- }, "Select categories and a feature"));
135
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
136
+ className: "cherita-violin",
137
+ children: [mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
138
+ variant: "light",
139
+ children: "Select features"
140
+ }), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
141
+ variant: "light",
142
+ children: "Select categories and a feature"
143
+ })]
144
+ });
125
145
  } else {
126
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
127
- variant: "danger"
128
- }, serverError.message));
146
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
147
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
148
+ variant: "danger",
149
+ children: serverError.message
150
+ })
151
+ });
129
152
  }
130
153
  }
@@ -13,6 +13,7 @@ var _reactQuery = require("@tanstack/react-query");
13
13
  var _reactQueryPersistClient = require("@tanstack/react-query-persist-client");
14
14
  var _querySyncStoragePersister = require("@tanstack/query-sync-storage-persister");
15
15
  var _constants = require("../constants/constants");
16
+ var _jsxRuntime = require("react/jsx-runtime");
16
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
18
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -102,14 +103,17 @@ function DatasetProvider(_ref2) {
102
103
  }
103
104
  }
104
105
  }, [dataset]);
105
- return /*#__PURE__*/_react.default.createElement(DatasetContext.Provider, {
106
- value: dataset
107
- }, /*#__PURE__*/_react.default.createElement(DatasetDispatchContext.Provider, {
108
- value: dispatch
109
- }, /*#__PURE__*/_react.default.createElement(_reactQueryPersistClient.PersistQueryClientProvider, {
110
- client: queryClient,
111
- persistOptions: persistOptions
112
- }, children)));
106
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetContext.Provider, {
107
+ value: dataset,
108
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetDispatchContext.Provider, {
109
+ value: dispatch,
110
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQueryPersistClient.PersistQueryClientProvider, {
111
+ client: queryClient,
112
+ persistOptions: persistOptions,
113
+ children: children
114
+ })
115
+ })
116
+ });
113
117
  }
114
118
  function useDataset() {
115
119
  return (0, _react.useContext)(DatasetContext);
@@ -6,33 +6,39 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.LoadingSpinner = LoadingSpinner;
7
7
  require("bootstrap/dist/css/bootstrap.min.css");
8
8
  var _reactBootstrap = require("react-bootstrap");
9
+ var _jsxRuntime = require("react/jsx-runtime");
9
10
  function LoadingSpinner(_ref) {
10
11
  let {
11
12
  type = "icon",
12
13
  text = "Loading..."
13
14
  } = _ref;
14
15
  if (type === "message") {
15
- return /*#__PURE__*/React.createElement("div", {
16
- className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center "
17
- }, /*#__PURE__*/React.createElement(_reactBootstrap.Button, {
18
- variant: "primary",
19
- disabled: true
20
- }, /*#__PURE__*/React.createElement(_reactBootstrap.Spinner, {
21
- as: "span",
22
- animation: "border",
23
- size: "sm",
24
- role: "status",
25
- "aria-hidden": "true"
26
- }), text));
16
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
17
+ className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center ",
18
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
19
+ variant: "primary",
20
+ disabled: true,
21
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
22
+ as: "span",
23
+ animation: "border",
24
+ size: "sm",
25
+ role: "status",
26
+ "aria-hidden": "true"
27
+ }), text]
28
+ })
29
+ });
27
30
  } else {
28
- return /*#__PURE__*/React.createElement("div", {
29
- className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center "
30
- }, /*#__PURE__*/React.createElement(_reactBootstrap.Spinner, {
31
- animation: "border",
32
- variant: "primary",
33
- role: "status"
34
- }, /*#__PURE__*/React.createElement("span", {
35
- className: "visually-hidden"
36
- }, text)));
31
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
32
+ className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center ",
33
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
34
+ animation: "border",
35
+ variant: "primary",
36
+ role: "status",
37
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
38
+ className: "visually-hidden",
39
+ children: text
40
+ })
41
+ })
42
+ });
37
43
  }
38
44
  }
@@ -42,7 +42,7 @@ const useFetch = function (endpoint, params) {
42
42
  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
43
43
  const {
44
44
  data: fetchedData,
45
- isPending,
45
+ isLoading: isPending,
46
46
  error: serverError
47
47
  } = (0, _reactQuery.useQuery)({
48
48
  queryKey: [endpoint, params],
@@ -67,7 +67,7 @@ const useDebouncedFetch = function (endpoint, params) {
67
67
  const debouncedParams = (0, _usehooks.useDebounce)(params, delay);
68
68
  const {
69
69
  data: fetchedData,
70
- isPending,
70
+ isLoading: isPending,
71
71
  error: serverError
72
72
  } = (0, _reactQuery.useQuery)({
73
73
  queryKey: [endpoint, debouncedParams],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haniffalab/cherita-react",
3
- "version": "0.2.0-dev.2024-02-13.eda2add3",
3
+ "version": "0.2.0-dev.2024-02-14.667fdce7",
4
4
  "author": "",
5
5
  "license": "",
6
6
  "main": "dist/index.js",
@@ -78,5 +78,5 @@
78
78
  "url": "https://github.com/haniffalab/cherita-react/issues"
79
79
  },
80
80
  "homepage": "https://github.com/haniffalab/cherita-react#readme",
81
- "prereleaseSha": "eda2add3ad64c64c815b53d5092db3b01c774183"
81
+ "prereleaseSha": "667fdce7b65ecfb37dbbc79722b60103a19cddc7"
82
82
  }