@haniffalab/cherita-react 0.2.0-dev.2025-01-17.f9a0f419 → 0.2.0-dev.2025-01-28.7a60aa67

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

@@ -14,11 +14,11 @@ var _VarItem = require("./VarItem");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
 var _SearchBar = require("../search-bar/SearchBar");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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; }
 // @TODO: add button to score genes and plot
+
 const addVarToSet = (dispatch, set, v) => {
   dispatch({
     type: "add.varSet.var",
@@ -26,127 +26,102 @@ const addVarToSet = (dispatch, set, v) => {
     var: v
   });
 };
-function SingleSelectionSet(_ref) {
-  let {
-    set,
-    isActive,
-    selectSet,
-    removeSet,
-    removeSetVar,
-    showSearchBar = true
-  } = _ref;
+function SingleSelectionSet({
+  set,
+  isActive,
+  selectSet,
+  removeSet,
+  removeSetVar,
+  showSearchBar = true
+}) {
   const [openSet, setOpenSet] = (0, _react.useState)(false);
   const varList = set.vars.length ? _lodash.default.map(set.vars, v => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VarItem.SingleSelectionItem, {
-        item: v,
-        showSetColorEncoding: false,
-        removeVar: () => removeSetVar(v)
-      })
-    }, v.name);
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "text-muted",
-      children: "No features in this set"
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "d-flex justify-content-between cursor-pointer",
-      onClick: () => {
-        setOpenSet(o => !o);
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "d-flex justify-content-between align-items-center w-100",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: set.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "d-flex align-items-center gap-1",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-            placement: "top",
-            overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
-              children: "This set represents the mean value of its features"
-            }),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-              icon: _freeSolidSvgIcons.faCircleInfo
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.List, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-            type: "button",
-            variant: isActive ? "primary" : "outline-primary",
-            className: "m-0 p-0 px-1",
-            onClick: e => {
-              e.stopPropagation();
-              selectSet();
-            },
-            disabled: !set.vars.length,
-            title: "Set as color encoding",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-              icon: _freeSolidSvgIcons.faDroplet
-            })
-          }, set.name), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-            type: "button",
-            className: "m-0 p-0 px-1",
-            variant: "outline-secondary",
-            title: "Remove from list",
-            onClick: e => {
-              e.stopPropagation();
-              removeSet();
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-              icon: _freeSolidSvgIcons.faTrash
-            })
-          })]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Collapse, {
-      in: openSet,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "mt-2",
-        children: [showSearchBar &&
-        /*#__PURE__*/
-        // @TODO: fix how results are displayed, should be placed on top of parent components
-        (0, _jsxRuntime.jsx)(_SearchBar.SearchBar, {
-          handleSelect: (d, i) => addVarToSet(d, set, i)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "mx-2",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup, {
-            variant: "flush",
-            children: varList
-          })
-        })]
-      })
-    })]
-  });
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup.Item, {
+      key: v.name
+    }, /*#__PURE__*/_react.default.createElement(_VarItem.SingleSelectionItem, {
+      item: v,
+      showSetColorEncoding: false,
+      removeVar: () => removeSetVar(v)
+    }));
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup.Item, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-muted"
+  }, "No features in this set"));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "d-flex justify-content-between cursor-pointer",
+    onClick: () => {
+      setOpenSet(o => !o);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "d-flex justify-content-between align-items-center w-100"
+  }, /*#__PURE__*/_react.default.createElement("div", null, set.name), /*#__PURE__*/_react.default.createElement("div", {
+    className: "d-flex align-items-center gap-1"
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
+    placement: "top",
+    overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, "This set represents the mean value of its features")
+  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faCircleInfo
+  })), /*#__PURE__*/_react.default.createElement(_iconsMaterial.List, null), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    type: "button",
+    key: set.name,
+    variant: isActive ? "primary" : "outline-primary",
+    className: "m-0 p-0 px-1",
+    onClick: e => {
+      e.stopPropagation();
+      selectSet();
+    },
+    disabled: !set.vars.length,
+    title: "Set as color encoding"
+  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faDroplet
+  })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    type: "button",
+    className: "m-0 p-0 px-1",
+    variant: "outline-secondary",
+    title: "Remove from list",
+    onClick: e => {
+      e.stopPropagation();
+      removeSet();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faTrash
+  }))))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Collapse, {
+    in: openSet
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "mt-2"
+  }, showSearchBar &&
+  /*#__PURE__*/
+  // @TODO: fix how results are displayed, should be placed on top of parent components
+  _react.default.createElement(_SearchBar.SearchBar, {
+    handleSelect: (d, i) => addVarToSet(d, set, i)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "mx-2"
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, {
+    variant: "flush"
+  }, varList)))));
 }
-function MultipleSelectionSet(_ref2) {
-  let {
-    set,
-    isActive,
-    toggleSet
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "d-flex",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "flex-grow-1",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-          type: "button",
-          variant: isActive ? "primary" : "outline-primary",
-          className: "m-0 p-0 px-1",
-          onClick: toggleSet,
-          title: set.name,
-          children: set.name
-        }, set.name)
-      })
-    })
-  });
+function MultipleSelectionSet({
+  set,
+  isActive,
+  toggleSet
+}) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "d-flex"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex-grow-1"
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    type: "button",
+    key: set.name,
+    variant: isActive ? "primary" : "outline-primary",
+    className: "m-0 p-0 px-1",
+    onClick: toggleSet,
+    title: set.name
+  }, set.name))));
 }
-function VarSet(_ref3) {
-  let {
-    set,
-    active,
-    mode = _constants.SELECTION_MODES.SINGLE
-  } = _ref3;
+function VarSet({
+  set,
+  active,
+  mode = _constants.SELECTION_MODES.SINGLE
+}) {
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
   const selectSet = () => {
@@ -204,7 +179,7 @@ function VarSet(_ref3) {
     }
   };
   if (set && mode === _constants.SELECTION_MODES.SINGLE) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SingleSelectionSet, {
+    return /*#__PURE__*/_react.default.createElement(SingleSelectionSet, {
       set: set,
       isActive: dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR && active === set.name,
       selectSet: selectSet,
@@ -212,7 +187,7 @@ function VarSet(_ref3) {
       removeSetVar: v => removeSetVar(v)
     });
   } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(MultipleSelectionSet, {
+    return /*#__PURE__*/_react.default.createElement(MultipleSelectionSet, {
       set: set,
       isActive: _lodash.default.includes(active, set.name),
       toggleSet: () => toggleSet(set)

package/dist/components/violin/Violin.js

@@ -15,14 +15,12 @@ var _DatasetContext = require("../../context/DatasetContext");
 var _FilterContext = require("../../context/FilterContext");
 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 _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 && {}.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; }
-function Violin(_ref) {
-  let {
-    mode = _constants.VIOLIN_MODES.MULTIKEY
-  } = _ref;
+function Violin({
+  mode = _constants.VIOLIN_MODES.MULTIKEY
+}) {
   const ENDPOINT = "violin";
   const dataset = (0, _DatasetContext.useDataset)();
   const {
@@ -117,48 +115,35 @@ function Violin(_ref) {
   }, [fetchedData, hasSelections, isPending, serverError]);
   if (!serverError) {
     if (hasSelections) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "cherita-violin position-relative",
-        children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
-          data: data,
-          layout: layout,
-          useResizeHandler: true,
-          style: {
-            maxWidth: "100%",
-            maxHeight: "100%"
-          }
-        }), fetchedData?.resampled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Alert, {
-          variant: "warning",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
-            children: "Warning:"
-          }), " For performance reasons this plot was generated with resampled data. It will not be exactly the same as one produced with the entire dataset. \xA0", /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.OverlayTrigger, {
-            placement: "top",
-            overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Tooltip, {
-              children: "Resampled to 100K values following a Monte Carlo style approach to help ensure resampled data is a good representation of the original dataset's distribution."
-            }),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-              icon: _freeSolidSvgIcons.faCircleInfo
-            })
-          })]
-        })]
-      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "cherita-violin position-relative"
+      }, isPending && /*#__PURE__*/_react.default.createElement(_LoadingIndicators.LoadingSpinner, null), /*#__PURE__*/_react.default.createElement(_reactPlotly.default, {
+        data: data,
+        layout: layout,
+        useResizeHandler: true,
+        style: {
+          maxWidth: "100%",
+          maxHeight: "100%"
+        }
+      }), fetchedData?.resampled && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+        variant: "warning"
+      }, /*#__PURE__*/_react.default.createElement("b", null, "Warning:"), " For performance reasons this plot was generated with resampled data. It will not be exactly the same as one produced with the entire dataset. \xA0", /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
+        placement: "top",
+        overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, null, "Resampled to 100K values following a Monte Carlo style approach to help ensure resampled data is a good representation of the original dataset's distribution.")
+      }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: _freeSolidSvgIcons.faCircleInfo
+      }))));
     }
-    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"
-      })]
-    });
+    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"));
   } else {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
-        variant: "danger",
-        children: serverError.message
-      })
-    });
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+      variant: "danger"
+    }, serverError.message));
   }
 }

package/dist/components/violin/ViolinControls.js

@@ -9,12 +9,12 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _reactBootstrap = require("react-bootstrap");
 var _constants = require("../../constants/constants");
 var _DatasetContext = require("../../context/DatasetContext");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ViolinControls() {
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
-  const scaleList = _lodash.default.values(_constants.VIOLINPLOT_SCALES).map(scale => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
+  const scaleList = _lodash.default.values(_constants.VIOLINPLOT_SCALES).map(scale => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
+    key: scale.value,
     active: dataset.controls.scale.violinplot === scale,
     onClick: () => {
       dispatch({
@@ -22,24 +22,10 @@ function ViolinControls() {
         plot: "violinplot",
         scale: scale
       });
-    },
-    children: scale.name
-  }, scale.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: "Scale"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
-            id: "dropdownStandardScale",
-            variant: "light",
-            children: dataset.controls.scale.violinplot.name
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
-            children: scaleList
-          })]
-        })]
-      })
-    })
-  });
+    }
+  }, scale.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, "Scale"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Toggle, {
+    id: "dropdownStandardScale",
+    variant: "light"
+  }, dataset.controls.scale.violinplot.name), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Menu, null, scaleList)))));
 }

package/dist/context/DatasetContext.js

@@ -15,7 +15,6 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _FilterContext = require("./FilterContext");
 var _ZarrDataContext = require("./ZarrDataContext");
 var _constants = require("../constants/constants");
-var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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,11 +39,10 @@ const persistOptions = {
     storage: window.localStorage
   }),
   dehydrateOptions: {
-    shouldDehydrateQuery: _ref => {
-      let {
-        queryKey,
-        state
-      } = _ref;
+    shouldDehydrateQuery: ({
+      queryKey,
+      state
+    }) => {
       if (state.status === "success") {
         return persistKeys.includes(queryKey?.[0]);
       }
@@ -113,12 +111,11 @@ const initializer = initialState => {
   const localValues = _lodash.default.pick(localObj, keys);
   return _lodash.default.assign(initialState, localValues);
 };
-function DatasetProvider(_ref2) {
-  let {
-    dataset_url,
-    children,
-    ...dataset_params
-  } = _ref2;
+function DatasetProvider({
+  dataset_url,
+  children,
+  ...dataset_params
+}) {
   const [dataset, dispatch] = (0, _react.useReducer)(datasetReducer, _lodash.default.assign(initializer({
     url: dataset_url,
     ...initialDataset
@@ -138,21 +135,14 @@ function DatasetProvider(_ref2) {
       }
     }
   }, [dataset]);
-  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: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterContext.FilterProvider, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZarrDataContext.ZarrDataProvider, {
-            children: children
-          })
-        })
-      })
-    })
-  });
+  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
+  }, /*#__PURE__*/_react.default.createElement(_FilterContext.FilterProvider, null, /*#__PURE__*/_react.default.createElement(_ZarrDataContext.ZarrDataProvider, null, children)))));
 }
 function useDataset() {
   return (0, _react.useContext)(DatasetContext);

package/dist/context/FilterContext.js

@@ -8,7 +8,6 @@ exports.FilteredDataDispatchContext = exports.FilteredDataContext = void 0;
 exports.useFilteredData = useFilteredData;
 exports.useFilteredDataDispatch = useFilteredDataDispatch;
 var _react = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
 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 && {}.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; }
 const FilteredDataContext = exports.FilteredDataContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -20,20 +19,17 @@ const initialFilterData = {
   slicedLength: null,
   isSliced: false
 };
-function FilterProvider(_ref) {
-  let {
-    children
-  } = _ref;
+function FilterProvider({
+  children
+}) {
   const [filteredData, dispatch] = (0, _react.useReducer)(filterReducer, {
     ...initialFilterData
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FilteredDataContext.Provider, {
-    value: filteredData,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FilteredDataDispatchContext.Provider, {
-      value: dispatch,
-      children: children
-    })
-  });
+  return /*#__PURE__*/_react.default.createElement(FilteredDataContext.Provider, {
+    value: filteredData
+  }, /*#__PURE__*/_react.default.createElement(FilteredDataDispatchContext.Provider, {
+    value: dispatch
+  }, children));
 }
 function useFilteredData() {
   return (0, _react.useContext)(FilteredDataContext);

package/dist/context/ZarrDataContext.js

@@ -8,14 +8,12 @@ exports.useZarrData = useZarrData;
 var _react = _interopRequireWildcard(require("react"));
 var _Filter = require("../utils/Filter");
 var _zarrData = require("../utils/zarrData");
-var _jsxRuntime = require("react/jsx-runtime");
 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 && {}.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; }
 const ZarrDataContext = /*#__PURE__*/(0, _react.createContext)(null);
-function ZarrDataProvider(_ref) {
-  let {
-    children
-  } = _ref;
+function ZarrDataProvider({
+  children
+}) {
   const obsmData = (0, _zarrData.useObsmData)();
   const obsData = (0, _zarrData.useObsData)();
   const xData = (0, _zarrData.useXData)();
@@ -27,10 +25,9 @@ function ZarrDataProvider(_ref) {
     serverError: obsmData.serverError || obsData.serverError || xData.serverError
   };
   (0, _Filter.useFilter)(data);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ZarrDataContext.Provider, {
-    value: data,
-    children: children
-  });
+  return /*#__PURE__*/_react.default.createElement(ZarrDataContext.Provider, {
+    value: data
+  }, children);
 }
 function useZarrData() {
   return (0, _react.useContext)(ZarrDataContext);

package/dist/helpers/color-helper.js

@@ -42,18 +42,17 @@ const rgbToHex = color => {
 exports.rgbToHex = rgbToHex;
 const useColor = () => {
   const dataset = (0, _DatasetContext.useDataset)();
-  const getColor = (0, _react.useCallback)(_ref => {
-    let {
-      value,
-      categorical = false,
-      grayOut = false,
-      grayParams: {
-        alpha = 0.75,
-        gray = 0.95
-      } = {},
-      colorEncoding = dataset.colorEncoding,
-      colorscale = null
-    } = _ref;
+  const getColor = (0, _react.useCallback)(({
+    value,
+    categorical = false,
+    grayOut = false,
+    grayParams: {
+      alpha = 0.75,
+      gray = 0.95
+    } = {},
+    colorEncoding = dataset.colorEncoding,
+    colorscale = null
+  }) => {
     const colormap = colorscale || _colorscales.COLORSCALES[categorical ? "Accent" : dataset.controls.colorScale];
     if (colorEncoding) {
       if (grayOut) {

package/dist/helpers/map-helper.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.MapHelper = void 0;
 var _core = require("@deck.gl/core");
 class MapHelper {
-  fitBounds(coords) {
-    let {
-      width = 400,
-      height = 600
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      width: 400,
-      height: 600
-    };
+  fitBounds(coords, {
+    width = 400,
+    height = 600
+  } = {
+    width: 400,
+    height: 600
+  }) {
     let view = new _core.WebMercatorViewport({
       width: width,
       height: height,

package/dist/helpers/zarr-helper.js

@@ -9,11 +9,10 @@ var _zarr = require("zarr");
 const GET_OPTIONS = exports.GET_OPTIONS = {
   concurrencyLimit: 10,
   // max number of concurrent requests (default 10)
-  progressCallback: _ref => {
-    let {
-      progress,
-      queueSize
-    } = _ref;
+  progressCallback: ({
+    progress,
+    queueSize
+  }) => {
     console.log(`${progress / queueSize * 100}% complete.`);
   } // callback executed after each request
 };
@@ -38,13 +37,10 @@ const fetchDataFromZarr = async (url, path, s, opts) => {
     throw new Error(error.message);
   }
 };
-const useZarr = function (_ref2) {
-  let {
-    url,
-    path
-  } = _ref2;
-  let s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+const useZarr = ({
+  url,
+  path
+}, s = null, opts = {}) => {
   const {
     enabled = true
   } = opts;
@@ -93,9 +89,7 @@ const aggregateData = (inputs, data) => {
 };
 
 // @TODO: return response of successfully fetched data when error occurs
-const useMultipleZarr = function (inputs) {
-  let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let agg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : aggregateData;
+const useMultipleZarr = (inputs, opts = {}, agg = aggregateData) => {
   const {
     enabled = true
   } = opts;