@haniffalab/cherita-react 0.2.0-dev.2024-02-14.4bca94c0 → 0.2.0-dev.2024-02-14.0bb7b79c

package/dist/components/var-list/VarList.js

@@ -13,6 +13,7 @@ var _DatasetContext = require("../../context/DatasetContext");
 var _constants = require("../../constants/constants");
 var _reactBootstrap = require("react-bootstrap");
 var _LoadingSpinner = require("../../utils/LoadingSpinner");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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) {
   (0, _react.useEffect)(() => {
     getSuggestions(text);
   }, [getSuggestions, text]);
-  const suggestionsList = suggestions.map(item => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
-    key: item.name,
+  const suggestionsList = suggestions.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
     as: "button",
     onClick: () => {
       onSelect(item);
-    }
-  }, item.name));
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, {
-    onSubmit: e => {
-      e.preventDefault();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Label, null, "Feature:"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
-    onFocus: () => {
-      setShowSuggestions(text.length > 0);
-    },
-    onBlur: () => {
-      _lodash.default.delay(() => {
-        setShowSuggestions(false);
-      }, 150);
-    },
-    type: "text",
-    placeholder: "Search for a feature",
-    value: text,
-    onChange: e => {
-      setText(e.target.value);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Menu, {
-    style: {
-      width: "90%",
-      maxHeight: "25vh",
-      overflowY: "scroll"
     },
-    show: showSuggestions
-  }, suggestionsList))));
+    children: item.name
+  }, item.name));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form, {
+      onSubmit: e => {
+        e.preventDefault();
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.FormGroup, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Label, {
+          children: "Feature:"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
+          onFocus: () => {
+            setShowSuggestions(text.length > 0);
+          },
+          onBlur: () => {
+            _lodash.default.delay(() => {
+              setShowSuggestions(false);
+            }, 150);
+          },
+          type: "text",
+          placeholder: "Search for a feature",
+          value: text,
+          onChange: e => {
+            setText(e.target.value);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
+          style: {
+            width: "90%",
+            maxHeight: "25vh",
+            overflowY: "scroll"
+          },
+          show: showSuggestions,
+          children: suggestionsList
+        })]
+      })
+    })
+  });
 }
 function VarNamesList(_ref2) {
   let {
@@ -166,9 +175,8 @@ function VarNamesList(_ref2) {
   const varList = (0, _react.useMemo)(() => {
     return varButtons.map(item => {
       if (item && mode === _constants.SELECTION_MODES.SINGLE) {
-        return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
           type: "button",
-          key: item.matrix_index,
           variant: "outline-primary",
           className: "".concat(active === item.matrix_index && "active", " m-1"),
           onClick: () => {
@@ -176,12 +184,12 @@ function VarNamesList(_ref2) {
               type: "varSelected",
               var: item
             });
-          }
-        }, item.name);
+          },
+          children: item.name
+        }, item.matrix_index);
       } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
-        return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
           type: "button",
-          key: item.matrix_index,
           variant: "outline-primary",
           className: "".concat(active.includes(item.matrix_index) && "active", " m-1"),
           onClick: () => {
@@ -196,25 +204,33 @@ function VarNamesList(_ref2) {
                 var: item
               });
             }
-          }
-        }, item.name);
+          },
+          children: item.name
+        }, item.matrix_index);
       } else {
         return null;
       }
     });
   }, [active, dispatch, mode, varButtons]);
   if (!serverError) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "position-relative"
-    }, /*#__PURE__*/_react.default.createElement("h4", null, mode), isPending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement(VarSearchBar, {
-      varNames: varNames,
-      onSelect: selectVar
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "overflow-auto mt-2"
-    }, varList));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "position-relative",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+        children: mode
+      }), isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(VarSearchBar, {
+        varNames: varNames,
+        onSelect: selectVar
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "overflow-auto mt-2",
+        children: varList
+      })]
+    });
   } else {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
-      variant: "danger"
-    }, serverError.message));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+        variant: "danger",
+        children: serverError.message
+      })
+    });
   }
 }

package/dist/components/violin/Violin.js

@@ -13,6 +13,7 @@ var _constants = require("../../constants/constants");
 var _reactBootstrap = require("react-bootstrap");
 var _requests = require("../../utils/requests");
 var _LoadingSpinner = require("../../utils/LoadingSpinner");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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() {
       setActiveStandardScale(_constants.VIOLINPLOT_STANDARDSCALES.find(obs => obs.value === dataset.controls.standardScale).name);
     }
   }, [dataset.controls.standardScale]);
-  const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
-    key: item.value,
+  const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
     active: activeStandardScale === item.value,
     onClick: () => {
       dispatch({
         type: "set.controls.standardScale",
         standardScale: item.value
       });
-    }
-  }, item.name));
-  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, {
-    id: "dropdownStandardScale",
-    variant: "light"
-  }, activeStandardScale), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Menu, null, standardScaleList)))));
+    },
+    children: item.name
+  }, item.value));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonToolbar, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
+          children: "Standard scale"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
+            id: "dropdownStandardScale",
+            variant: "light",
+            children: activeStandardScale
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
+            children: standardScaleList
+          })]
+        })]
+      })
+    })
+  });
 }
 function Violin(_ref) {
   let {
@@ -103,28 +117,37 @@ function Violin(_ref) {
   }, [fetchedData, hasSelections, isPending, serverError]);
   if (!serverError) {
     if (hasSelections) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "cherita-violin position-relative"
-      }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingSpinner.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement("h5", null, mode), /*#__PURE__*/_react.default.createElement(_reactPlotly.default, {
-        data: data,
-        layout: layout,
-        useResizeHandler: true,
-        style: {
-          maxWidth: "100%",
-          maxHeight: "100%"
-        }
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "cherita-violin position-relative",
+        children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingSpinner.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
+          children: mode
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
+          data: data,
+          layout: layout,
+          useResizeHandler: true,
+          style: {
+            maxWidth: "100%",
+            maxHeight: "100%"
+          }
+        })]
+      });
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "cherita-violin"
-    }, mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
-      variant: "light"
-    }, "Select features"), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
-      variant: "light"
-    }, "Select categories and a feature"));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "cherita-violin",
+      children: [mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+        variant: "light",
+        children: "Select features"
+      }), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+        variant: "light",
+        children: "Select categories and a feature"
+      })]
+    });
   } else {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
-      variant: "danger"
-    }, serverError.message));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+        variant: "danger",
+        children: serverError.message
+      })
+    });
   }
 }

package/dist/context/DatasetContext.js

@@ -13,6 +13,7 @@ var _reactQuery = require("@tanstack/react-query");
 var _reactQueryPersistClient = require("@tanstack/react-query-persist-client");
 var _querySyncStoragePersister = require("@tanstack/query-sync-storage-persister");
 var _constants = require("../constants/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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) {
       }
     }
   }, [dataset]);
-  return /*#__PURE__*/_react.default.createElement(DatasetContext.Provider, {
-    value: dataset
-  }, /*#__PURE__*/_react.default.createElement(DatasetDispatchContext.Provider, {
-    value: dispatch
-  }, /*#__PURE__*/_react.default.createElement(_reactQueryPersistClient.PersistQueryClientProvider, {
-    client: queryClient,
-    persistOptions: persistOptions
-  }, children)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetContext.Provider, {
+    value: dataset,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DatasetDispatchContext.Provider, {
+      value: dispatch,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQueryPersistClient.PersistQueryClientProvider, {
+        client: queryClient,
+        persistOptions: persistOptions,
+        children: children
+      })
+    })
+  });
 }
 function useDataset() {
   return (0, _react.useContext)(DatasetContext);

package/dist/index.js

@@ -57,6 +57,36 @@ Object.defineProperty(exports, "ObsmKeysList", {
     return _ObsmList.ObsmKeysList;
   }
 });
+Object.defineProperty(exports, "OffcanvasControls", {
+  enumerable: true,
+  get: function () {
+    return _Offcanvas.OffcanvasControls;
+  }
+});
+Object.defineProperty(exports, "OffcanvasInfo", {
+  enumerable: true,
+  get: function () {
+    return _Offcanvas.OffcanvasInfo;
+  }
+});
+Object.defineProperty(exports, "OffcanvasObs", {
+  enumerable: true,
+  get: function () {
+    return _Offcanvas.OffcanvasObs;
+  }
+});
+Object.defineProperty(exports, "OffcanvasObsm", {
+  enumerable: true,
+  get: function () {
+    return _Offcanvas.OffcanvasObsm;
+  }
+});
+Object.defineProperty(exports, "OffcanvasVars", {
+  enumerable: true,
+  get: function () {
+    return _Offcanvas.OffcanvasVars;
+  }
+});
 Object.defineProperty(exports, "PLOTLY_COLORSCALES", {
   enumerable: true,
   get: function () {
@@ -114,4 +144,5 @@ var _Scatterplot = require("./components/scatterplot/Scatterplot");
 var _Matrixplot = require("./components/matrixplot/Matrixplot");
 var _Violin = require("./components/violin/Violin");
 var _constants = require("./constants/constants");
-var _DatasetContext = require("./context/DatasetContext");
+var _DatasetContext = require("./context/DatasetContext");
+var _Offcanvas = require("./components/Offcanvas");

package/dist/utils/LoadingSpinner.js

@@ -6,33 +6,39 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoadingSpinner = LoadingSpinner;
 require("bootstrap/dist/css/bootstrap.min.css");
 var _reactBootstrap = require("react-bootstrap");
+var _jsxRuntime = require("react/jsx-runtime");
 function LoadingSpinner(_ref) {
   let {
     type = "icon",
     text = "Loading..."
   } = _ref;
   if (type === "message") {
-    return /*#__PURE__*/React.createElement("div", {
-      className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center "
-    }, /*#__PURE__*/React.createElement(_reactBootstrap.Button, {
-      variant: "primary",
-      disabled: true
-    }, /*#__PURE__*/React.createElement(_reactBootstrap.Spinner, {
-      as: "span",
-      animation: "border",
-      size: "sm",
-      role: "status",
-      "aria-hidden": "true"
-    }), text));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center ",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
+        variant: "primary",
+        disabled: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
+          as: "span",
+          animation: "border",
+          size: "sm",
+          role: "status",
+          "aria-hidden": "true"
+        }), text]
+      })
+    });
   } else {
-    return /*#__PURE__*/React.createElement("div", {
-      className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center "
-    }, /*#__PURE__*/React.createElement(_reactBootstrap.Spinner, {
-      animation: "border",
-      variant: "primary",
-      role: "status"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "visually-hidden"
-    }, text)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: " h-100 w-100 d-flex z-1 bg-light opacity-75 position-absolute justify-content-center align-items-center ",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Spinner, {
+        animation: "border",
+        variant: "primary",
+        role: "status",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "visually-hidden",
+          children: text
+        })
+      })
+    });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "0.2.0-dev.2024-02-14.4bca94c0",
+  "version": "0.2.0-dev.2024-02-14.0bb7b79c",
   "author": "",
   "license": "",
   "main": "dist/index.js",
@@ -78,5 +78,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "4bca94c0117a80874865051e666541948836dfb3"
+  "prereleaseSha": "0bb7b79c4b6a8d6e09d215b6de08c75ab6141d06"
 }