@haniffalab/cherita-react 1.4.1-dev.2025-10-22.61540191 → 1.4.1-dev.2025-10-23.3179e534

package/dist/cjs/components/obs-list/ObsList.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ObsColsList = ObsColsList;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _Comment = _interopRequireDefault(require("@mui/icons-material/Comment"));
@@ -21,8 +21,8 @@ var _DatasetContext = require("../../context/DatasetContext");
 var _SettingsContext = require("../../context/SettingsContext");
 var _LoadingIndicators = require("../../utils/LoadingIndicators");
 var _requests = require("../../utils/requests");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
 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; }
 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; }
 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; }
@@ -41,16 +41,19 @@ const ObsAccordionToggle = _ref => {
   const decoratedOnClick = (0, _AccordionButton.useAccordionButton)(eventKey, () => {
     handleAccordionToggle(eventKey, isCurrentEventKey);
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "obs-accordion-header ".concat(isCurrentEventKey ? "active" : ""),
-    onClick: decoratedOnClick
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "obs-accordion-header-chevron"
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: isCurrentEventKey ? _freeSolidSvgIcons.faChevronDown : _freeSolidSvgIcons.faChevronRight
-  })), /*#__PURE__*/_react.default.createElement("span", {
-    className: "obs-accordion-header-span"
-  }, children));
+    onClick: decoratedOnClick,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "obs-accordion-header-chevron",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+        icon: isCurrentEventKey ? _freeSolidSvgIcons.faChevronDown : _freeSolidSvgIcons.faChevronRight
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "obs-accordion-header-span",
+      children: children
+    })]
+  });
 };
 function ObsColsList(_ref2) {
   var _settings$selectedObs, _settings$selectedObs3, _settings$selectedObs4;
@@ -231,61 +234,67 @@ function ObsColsList(_ref2) {
     const inLabelObs = _lodash.default.includes(settings.labelObs, item.name);
     const inSliceObs = settings.sliceBy.obs && ((_settings$selectedObs8 = settings.selectedObs) === null || _settings$selectedObs8 === void 0 ? void 0 : _settings$selectedObs8.name) === item.name;
     const isColorEncoding = (showSelectedAsActive || settings.colorEncoding === _constants.COLOR_ENCODINGS.OBS) && ((_settings$selectedObs9 = settings.selectedObs) === null || _settings$selectedObs9 === void 0 ? void 0 : _settings$selectedObs9.name) === item.name;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "accordion-item",
-      key: item.name
-    }, /*#__PURE__*/_react.default.createElement(ObsAccordionToggle, {
-      eventKey: item.name,
-      handleAccordionToggle: handleAccordionToggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "accordion-header-title"
-    }, item.name), /*#__PURE__*/_react.default.createElement("div", {
-      className: "accordion-header-toolbar"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "mx-1 cursor-pointer ".concat(inLabelObs ? "active-icon" : "text-muted opacity-50"),
-      onClick: event => {
-        event.stopPropagation();
-        toggleLabel(item);
-      },
-      title: "Add to tooltip"
-    }, /*#__PURE__*/_react.default.createElement(_Comment.default, null)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "mx-1 cursor-pointer ".concat(inSliceObs ? "active-icon" : "text-muted opacity-50"),
-      onClick: event => {
-        event.stopPropagation();
-        toggleSlice(item);
-      },
-      title: "Filter applied"
-    }, /*#__PURE__*/_react.default.createElement(_JoinInner.default, null)), /*#__PURE__*/_react.default.createElement("span", {
-      className: "mx-1 cursor-pointer ".concat(isColorEncoding ? "active-icon" : "text-muted opacity-50"),
-      onClick: event => {
-        event.stopPropagation();
-        toggleColor(item);
-      },
-      title: showSelectedAsActive ? "Is selected" : "Is color encoding"
-    }, /*#__PURE__*/_react.default.createElement(_WaterDrop.default, null)))), /*#__PURE__*/_react.default.createElement(_Accordion.default.Collapse, {
-      eventKey: item.name
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "obs-accordion-body"
-    }, active.includes(item.name) && (item.type === _constants.OBS_TYPES.CATEGORICAL || item.type === _constants.OBS_TYPES.BOOLEAN ? /*#__PURE__*/_react.default.createElement(_ObsItem.CategoricalObs, {
-      key: item.name,
-      obs: item,
-      toggleAll: () => toggleAll(item),
-      toggleObs: value => toggleObs(item, value),
-      toggleLabel: () => toggleLabel(item),
-      toggleSlice: () => toggleSlice(item),
-      toggleColor: () => toggleColor(item),
-      showColor: showColor && isColorEncoding,
-      showHistograms: showHistograms
-    }) : /*#__PURE__*/_react.default.createElement(_ObsItem.ContinuousObs, {
-      key: item.name,
-      obs: item,
-      toggleAll: () => toggleAll(item),
-      toggleObs: value => toggleObs(item, value),
-      toggleLabel: () => toggleLabel(item),
-      toggleSlice: () => toggleSlice(item),
-      toggleColor: () => toggleColor(item),
-      showHistograms: showHistograms
-    })))));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ObsAccordionToggle, {
+        eventKey: item.name,
+        handleAccordionToggle: handleAccordionToggle,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "accordion-header-title",
+          children: item.name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "accordion-header-toolbar",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "mx-1 cursor-pointer ".concat(inLabelObs ? "active-icon" : "text-muted opacity-50"),
+            onClick: event => {
+              event.stopPropagation();
+              toggleLabel(item);
+            },
+            title: "Add to tooltip",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Comment.default, {})
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "mx-1 cursor-pointer ".concat(inSliceObs ? "active-icon" : "text-muted opacity-50"),
+            onClick: event => {
+              event.stopPropagation();
+              toggleSlice(item);
+            },
+            title: "Filter applied",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_JoinInner.default, {})
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "mx-1 cursor-pointer ".concat(isColorEncoding ? "active-icon" : "text-muted opacity-50"),
+            onClick: event => {
+              event.stopPropagation();
+              toggleColor(item);
+            },
+            title: showSelectedAsActive ? "Is selected" : "Is color encoding",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_WaterDrop.default, {})
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Accordion.default.Collapse, {
+        eventKey: item.name,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "obs-accordion-body",
+          children: active.includes(item.name) && (item.type === _constants.OBS_TYPES.CATEGORICAL || item.type === _constants.OBS_TYPES.BOOLEAN ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ObsItem.CategoricalObs, {
+            obs: item,
+            toggleAll: () => toggleAll(item),
+            toggleObs: value => toggleObs(item, value),
+            toggleLabel: () => toggleLabel(item),
+            toggleSlice: () => toggleSlice(item),
+            toggleColor: () => toggleColor(item),
+            showColor: showColor && isColorEncoding,
+            showHistograms: showHistograms
+          }, item.name) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ObsItem.ContinuousObs, {
+            obs: item,
+            toggleAll: () => toggleAll(item),
+            toggleObs: value => toggleObs(item, value),
+            toggleLabel: () => toggleLabel(item),
+            toggleSlice: () => toggleSlice(item),
+            toggleColor: () => toggleColor(item),
+            showHistograms: showHistograms
+          }, item.name))
+        })
+      })]
+    }, item.name);
   };
   const groupList = _lodash.default.map(_lodash.default.keys(obsGroups), group => {
     const key = "group-".concat(group);
@@ -295,33 +304,43 @@ function ObsColsList(_ref2) {
     if (group === "default") {
       return groupItems;
     } else {
-      return /*#__PURE__*/_react.default.createElement(_Accordion.default.Item, {
-        key: key,
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Accordion.default.Item, {
         eventKey: key,
-        className: "obs-group-accordion-item"
-      }, /*#__PURE__*/_react.default.createElement(_Accordion.default.Header, {
-        className: "obs-group-accordion-header"
-      }, group), /*#__PURE__*/_react.default.createElement(_Accordion.default.Body, {
-        className: "obs-group-accordion-body"
-      }, groupItems));
+        className: "obs-group-accordion-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Accordion.default.Header, {
+          className: "obs-group-accordion-header",
+          children: group
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Accordion.default.Body, {
+          className: "obs-group-accordion-body",
+          children: groupItems
+        })]
+      }, key);
     }
   });
-  const obsList = enableGroups ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, groupList) : _lodash.default.map(_lodash.default.sortBy(obsCols, o => _lodash.default.lowerCase(o.name)), item => obsItem(item));
+  const obsList = enableGroups ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: groupList
+  }) : _lodash.default.map(_lodash.default.sortBy(obsCols, o => _lodash.default.lowerCase(o.name)), item => obsItem(item));
   const defaultActiveGroup = enableGroups ? "group-".concat(_lodash.default.findKey(obsGroups, g => g.includes(active === null || active === void 0 ? void 0 : active[0]))) : null;
   if (!serverError) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "position-relative h-100"
-    }, isPending ? /*#__PURE__*/_react.default.createElement(_LoadingIndicators.LoadingSpinner, null) : !!obsCols && !_lodash.default.size(obsCols) ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
-      variant: "danger"
-    }, "No observations found.") : /*#__PURE__*/_react.default.createElement(_Accordion.default, {
-      flush: true,
-      defaultActiveKey: [...active, ...[defaultActiveGroup]],
-      alwaysOpen: true,
-      className: "obs-accordion"
-    }, obsList));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "position-relative h-100",
+      children: isPending ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingSpinner, {}) : !!obsCols && !_lodash.default.size(obsCols) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
+        variant: "danger",
+        children: "No observations found."
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Accordion.default, {
+        flush: true,
+        defaultActiveKey: [...active, ...[defaultActiveGroup]],
+        alwaysOpen: true,
+        className: "obs-accordion",
+        children: obsList
+      })
+    });
   } 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/cjs/components/obs-list/ObsToolbar.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ObsToolbar = ObsToolbar;
-var _react = _interopRequireDefault(require("react"));
 var _reactBootstrap = require("react-bootstrap");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _jsxRuntime = require("react/jsx-runtime");
 function ObsToolbar(_ref) {
   let {
     item,
@@ -14,7 +13,7 @@ function ObsToolbar(_ref) {
     onToggleAllObs
   } = _ref;
   const allToggledOn = !item.omit.length;
-  return showToggleAllObs && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
+  return showToggleAllObs && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Check, {
     type: "switch",
     id: "custom-switch",
     label: "Toggle all",

package/dist/cjs/components/obsm-list/ObsmList.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ObsmKeysList = ObsmKeysList;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _reactBootstrap = require("react-bootstrap");
 var _constants = require("../../constants/constants");
@@ -12,14 +12,17 @@ var _DatasetContext = require("../../context/DatasetContext");
 var _SettingsContext = require("../../context/SettingsContext");
 var _requests = require("../../utils/requests");
 var _Skeleton = require("../../utils/Skeleton");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
 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; }
 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; }
 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; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 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); }
-function ObsmKeysList() {
+function ObsmKeysList(_ref) {
+  let {
+    setHasObsm
+  } = _ref;
   const ENDPOINT = "obsm/keys";
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
@@ -44,26 +47,31 @@ function ObsmKeysList() {
     refetchOnMount: false
   });
   (0, _react.useEffect)(() => {
-    if (!isPending && !serverError && fetchedData) {
-      setObsmKeysList(fetchedData);
+    if (!isPending && !serverError) {
+      if (!fetchedData || !fetchedData.length) {
+        setHasObsm(false);
+      } else {
+        setHasObsm(true);
+        setObsmKeysList(fetchedData);
 
-      // Set default obsm if in keys list and not selected
-      if (!settings.selectedObsm && !!fetchedData.length) {
-        // Follow DEFAULT_OBSM_KEYS order
-        _lodash.default.each(_constants.DEFAULT_OBSM_KEYS, k => {
-          const defaultObsm = _lodash.default.find(fetchedData, item => item.toLowerCase() === k);
-          if (defaultObsm) {
-            dispatch({
-              type: "select.obsm",
-              obsm: defaultObsm
-            });
-            return false; // break
-          }
-        });
+        // Set default obsm if in keys list and not selected
+        if (!settings.selectedObsm) {
+          // Follow DEFAULT_OBSM_KEYS order
+          _lodash.default.each(_constants.DEFAULT_OBSM_KEYS, k => {
+            const defaultObsm = _lodash.default.find(fetchedData, item => item.toLowerCase() === k);
+            if (defaultObsm) {
+              dispatch({
+                type: "select.obsm",
+                obsm: defaultObsm
+              });
+              return false; // break
+            }
+          });
+        }
       }
       if (settings.selectedObsm) {
         // If selected obsm is not in keys list, reset to null
-        if (!_lodash.default.includes(fetchedData, settings.selectedObsm)) {
+        if (!_lodash.default.includes(fetchedData || [], settings.selectedObsm)) {
           dispatch({
             type: "select.obsm",
             obsm: null
@@ -73,40 +81,47 @@ function ObsmKeysList() {
         }
       }
     }
-  }, [dispatch, fetchedData, isPending, serverError, settings.selectedObsm]);
+  }, [dispatch, fetchedData, isPending, serverError, setHasObsm, settings.selectedObsm]);
   const obsmList = obsmKeysList.map(item => {
-    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
-      key: item,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
       className: "custom ".concat(active === item && "active"),
       onClick: () => {
         dispatch({
           type: "select.obsm",
           obsm: item
         });
-      }
+      },
+      children: item
     }, item);
   });
   if (!serverError) {
     if (isPending) {
-      return /*#__PURE__*/_react.default.createElement(_Skeleton.ObsmKeysListBtn, null);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.ObsmKeysListBtn, {});
     }
-    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.DropdownButton, {
       as: _reactBootstrap.ButtonGroup,
       title: settings.selectedObsm || "Select an embedding",
       variant: settings.selectedObsm ? "primary" : "warning",
       id: "bg-nested-dropdown",
-      size: "sm"
-    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Header, null, "Embeddings"), obsmList);
+      size: "sm",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Header, {
+        children: "Embeddings"
+      }), obsmList]
+    });
   } else {
-    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
       placement: "top",
       delay: {
         show: 100,
         hide: 200
       },
-      overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, serverError.message)
-    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-      variant: "danger"
-    }, "Error"));
+      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
+        children: serverError.message
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+        variant: "danger",
+        children: "Error"
+      })
+    });
   }
 }

package/dist/cjs/components/offcanvas/index.js

@@ -7,16 +7,21 @@ exports.OffcanvasControls = OffcanvasControls;
 exports.OffcanvasObs = OffcanvasObs;
 exports.OffcanvasObsm = OffcanvasObsm;
 exports.OffcanvasVars = OffcanvasVars;
-var _react = _interopRequireDefault(require("react"));
 var _Offcanvas = _interopRequireDefault(require("react-bootstrap/Offcanvas"));
 var _constants = require("../../constants/constants");
 var _ObsList = require("../obs-list/ObsList");
 var _ObsmList = require("../obsm-list/ObsmList");
 var _SearchBar = require("../search-bar/SearchBar");
 var _VarList = require("../var-list/VarList");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["show", "handleClose"],
   _excluded2 = ["show", "handleClose", "Controls"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function OffcanvasObs(_ref) {
@@ -25,27 +30,38 @@ function OffcanvasObs(_ref) {
       handleClose
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Offcanvas.default, {
     show: show,
     onHide: handleClose,
-    scroll: true
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Header, {
-    closeButton: true
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Title, null, "Categories")), /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Body, {
-    className: "p-0"
-  }, /*#__PURE__*/_react.default.createElement(_ObsList.ObsColsList, props)));
+    scroll: true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Header, {
+      closeButton: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Title, {
+        children: "Categories"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Body, {
+      className: "p-0",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ObsList.ObsColsList, _objectSpread({}, props))
+    })]
+  });
 }
 function OffcanvasObsm(_ref2) {
   let {
     show,
     handleClose
   } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Offcanvas.default, {
     show: show,
-    onHide: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Header, {
-    closeButton: true
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Title, null, "Embedding space")), /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Body, null, /*#__PURE__*/_react.default.createElement(_ObsmList.ObsmKeysList, null)));
+    onHide: handleClose,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Header, {
+      closeButton: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Title, {
+        children: "Embedding space"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Body, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ObsmList.ObsmKeysList, {})
+    })]
+  });
 }
 function OffcanvasVars(_ref3) {
   let {
@@ -53,21 +69,29 @@ function OffcanvasVars(_ref3) {
     handleClose,
     mode = _constants.SELECTION_MODES.MULTIPLE
   } = _ref3;
-  return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Offcanvas.default, {
     show: show,
     onHide: handleClose,
-    className: "offcanvas-vars"
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Header, {
-    closeButton: true
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Title, null, "Features")), /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Body, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "sidebar-features"
-  }, /*#__PURE__*/_react.default.createElement(_SearchBar.SearchBar, {
-    searchDiseases: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "sidebar-features-list"
-  }, /*#__PURE__*/_react.default.createElement(_VarList.VarNamesList, {
-    mode: mode
-  })))));
+    className: "offcanvas-vars",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Header, {
+      closeButton: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Title, {
+        children: "Features"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Body, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "sidebar-features",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBar.SearchBar, {
+          searchDiseases: true
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "sidebar-features-list",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VarList.VarNamesList, {
+            mode: mode
+          })
+        })]
+      })
+    })]
+  });
 }
 function OffcanvasControls(_ref4) {
   let {
@@ -76,10 +100,16 @@ function OffcanvasControls(_ref4) {
       Controls
     } = _ref4,
     props = _objectWithoutProperties(_ref4, _excluded2);
-  return /*#__PURE__*/_react.default.createElement(_Offcanvas.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Offcanvas.default, {
     show: show,
-    onHide: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Header, {
-    closeButton: true
-  }, /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Title, null, "Controls")), /*#__PURE__*/_react.default.createElement(_Offcanvas.default.Body, null, /*#__PURE__*/_react.default.createElement(Controls, props)));
+    onHide: handleClose,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Header, {
+      closeButton: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Title, {
+        children: "Controls"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Offcanvas.default.Body, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Controls, _objectSpread({}, props))
+    })]
+  });
 }