@haniffalab/cherita-react 0.1.8 → 0.1.11

package/dist/components/scatterplot/Toolbox.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbox2 = Toolbox2;
+require("bootstrap/dist/css/bootstrap.min.css");
+var _Dropdown = _interopRequireDefault(require("react-bootstrap/Dropdown"));
+var _react = require("react");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _chromaJs = _interopRequireDefault(require("chroma-js"));
+var _react2 = _interopRequireDefault(require("@deck.gl/react"));
+var _layers = require("@deck.gl/layers");
+var _DatasetContext = require("../../context/DatasetContext");
+var _constants = require("../../constants/constants");
+var _map = require("../../helpers/map");
+var _zarr = require("../../helpers/zarr");
+var _layers2 = require("@nebula.gl/layers");
+var _editModes = require("@nebula.gl/edit-modes");
+var _editor = require("@nebula.gl/editor");
+var _Button = _interopRequireDefault(require("react-bootstrap/Button"));
+var _DropdownButton = _interopRequireDefault(require("react-bootstrap/DropdownButton"));
+var _ButtonGroup = _interopRequireDefault(require("react-bootstrap/ButtonGroup"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+window.deck.log.level = 1;
+function Toolbox2() {
+  var dataset = (0, _DatasetContext.useDataset)();
+  var dispatch = (0, _DatasetContext.useDatasetDispatch)();
+  var _useState = (0, _react.useState)(dataset.embedding),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setActive(dataset.embedding);
+  }, [dataset.embedding]);
+  return /*#__PURE__*/_react.React.createElement("div", {
+    className: "cherita-toolbox"
+  }, /*#__PURE__*/_react.React.createElement(_Dropdown.default, null, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Toggle, {
+    variant: "success",
+    id: "dropdown-basic"
+  }, "Dropdown Button"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Menu, null, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
+    href: "#/action-1"
+  }, "Action"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
+    href: "#/action-2"
+  }, "Another action"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
+    href: "#/action-3"
+  }, "Something else"))), /*#__PURE__*/_react.React.createElement(_ButtonGroup.default, null, /*#__PURE__*/_react.React.createElement(_Button.default, null, /*#__PURE__*/_react.React.createElement(_reactFontawesome.FontAwesomeIcon, {
+    icon: _freeSolidSvgIcons.faArrowPointer
+  }), " Mode"), /*#__PURE__*/_react.React.createElement(_Button.default, null, "2"), /*#__PURE__*/_react.React.createElement(_DropdownButton.default, {
+    as: _ButtonGroup.default,
+    title: "test" + /*#__PURE__*/_react.React.createElement(_reactFontawesome.FontAwesomeIcon, {
+      icon: _freeSolidSvgIcons.faArrowPointer
+    }),
+    id: "bg-nested-dropdown"
+  }, /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
+    eventKey: "1"
+  }, "Dropdown link"), /*#__PURE__*/_react.React.createElement(_Dropdown.default.Item, {
+    eventKey: "2"
+  }, "Dropdown link"))));
+}

package/dist/components/{ObsList.js → var-list/VarList.js}

@@ -4,11 +4,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ObsColsList = ObsColsList;
+exports.VarNamesList = VarNamesList;
 require("bootstrap/dist/css/bootstrap.min.css");
-require("bootstrap/dist/js/bootstrap.bundle.min.js");
 var _react = _interopRequireWildcard(require("react"));
-var _DatasetContext = require("../context/DatasetContext");
+var _requests = require("../../utils/requests");
+var _DatasetContext = require("../../context/DatasetContext");
+var _constants = require("../../constants/constants");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -17,53 +18,81 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function ObsColsList() {
+function VarNamesList(_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? _constants.SELECTION_MODES.SINGLE : _ref$mode;
   var dataset = (0, _DatasetContext.useDataset)();
   var dispatch = (0, _DatasetContext.useDatasetDispatch)();
   var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
-    obsColsList = _useState2[0],
-    setObsColsList = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
+    varNames = _useState2[0],
+    setVarNames = _useState2[1];
+  var _useState3 = (0, _react.useState)(mode === _constants.SELECTION_MODES.SINGLE ? null : []),
     _useState4 = _slicedToArray(_useState3, 2),
     active = _useState4[0],
     setActive = _useState4[1];
   (0, _react.useEffect)(function () {
-    fetch(new URL("obs/cols", process.env.REACT_APP_API_URL), {
-      method: "POST",
-      mode: "cors",
-      headers: {
-        "Content-Type": "application/json",
-        Accept: "application/json"
-      },
-      body: JSON.stringify({
-        url: dataset.url
-      })
-    }).then(function (response) {
-      return response.json();
+    (0, _requests.fetchData)("var/names", {
+      url: dataset.url
     }).then(function (data) {
-      setObsColsList(data);
+      setVarNames(data);
+    }).catch(function (response) {
+      response.json().then(function (json) {
+        console.log(json.message);
+      });
     });
   }, [dataset.url]);
   (0, _react.useEffect)(function () {
-    setActive(dataset.selectedObs);
-  }, [dataset.selectedObs]);
-  var obsList = obsColsList.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      key: item,
-      className: "list-group-item list-grou-item-action ".concat(active === item && "active"),
-      onClick: function onClick() {
-        dispatch({
-          type: "obsSelected",
-          obs: item
-        });
-      }
-    }, item);
+    if (mode === _constants.SELECTION_MODES.SINGLE && dataset.selectedVar) {
+      setActive(dataset.selectedVar.matrix_index);
+    }
+  }, [mode, dataset.selectedVar]);
+  (0, _react.useEffect)(function () {
+    if (mode === _constants.SELECTION_MODES.MULTIPLE) {
+      setActive(dataset.selectedMultiVar.map(function (i) {
+        return i.matrix_index;
+      }));
+    }
+  }, [mode, dataset.selectedMultiVar]);
+  var varList = varNames.map(function (item) {
+    if (mode === _constants.SELECTION_MODES.SINGLE) {
+      return /*#__PURE__*/_react.default.createElement("button", {
+        type: "button",
+        key: item.matrix_index,
+        className: "list-group-item list-grou-item-action ".concat(active === item.matrix_index && "active"),
+        onClick: function onClick() {
+          dispatch({
+            type: "varSelected",
+            var: item
+          });
+        }
+      }, item.name);
+    } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
+      return /*#__PURE__*/_react.default.createElement("button", {
+        type: "button",
+        key: item.matrix_index,
+        className: "list-group-item list-grou-item-action ".concat(active.includes(item.matrix_index) && "active"),
+        onClick: function onClick() {
+          if (active.includes(item.matrix_index)) {
+            dispatch({
+              type: "multiVarDeselected",
+              var: item
+            });
+          } else {
+            dispatch({
+              type: "multiVarSelected",
+              var: item
+            });
+          }
+        }
+      }, item.name);
+    } else {
+      return null;
+    }
   });
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "h-100"
-  }, /*#__PURE__*/_react.default.createElement("h5", null, dataset.url), /*#__PURE__*/_react.default.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/_react.default.createElement("h4", null, mode), /*#__PURE__*/_react.default.createElement("div", {
     className: "list-group overflow-auto mh-100"
-  }, obsList));
+  }, varList));
 }

package/dist/components/violin/Violin.js

@@ -0,0 +1,152 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Violin = Violin;
+exports.ViolinControls = ViolinControls;
+require("bootstrap/dist/css/bootstrap.min.css");
+var _Dropdown = _interopRequireDefault(require("react-bootstrap/Dropdown"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactPlotly = _interopRequireDefault(require("react-plotly.js"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _DatasetContext = require("../../context/DatasetContext");
+var _constants = require("../../constants/constants");
+var _reactBootstrap = require("react-bootstrap");
+var _requests = require("../../utils/requests");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ViolinControls() {
+  var dataset = (0, _DatasetContext.useDataset)();
+  var dispatch = (0, _DatasetContext.useDatasetDispatch)();
+  var _useState = (0, _react.useState)(dataset.controls.standardScale),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeStandardScale = _useState2[0],
+    setActiveStandardScale = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (dataset.controls.standardScale) {
+      setActiveStandardScale(_constants.VIOLINPLOT_STANDARDSCALES.find(function (obs) {
+        return obs.value === dataset.controls.standardScale;
+      }).name);
+    }
+  }, [dataset.controls.standardScale]);
+  var standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_Dropdown.default.Item, {
+      key: item.value,
+      active: activeStandardScale === item.value,
+      onClick: function 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(_Dropdown.default, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default.Toggle, {
+    id: "dropdownStandardScale",
+    variant: "light"
+  }, activeStandardScale), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Menu, null, standardScaleList)))));
+}
+function Violin(_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? _constants.VIOLIN_MODES.MULTIKEY : _ref$mode;
+  var dataset = (0, _DatasetContext.useDataset)();
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    layout = _useState6[0],
+    setLayout = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    hasSelections = _useState8[0],
+    setHasSelections = _useState8[1];
+  // @TODO: set default scale
+
+  var update = (0, _react.useMemo)(function () {
+    var func = function func(abortController) {
+      if (mode === _constants.VIOLIN_MODES.MULTIKEY) {
+        if (dataset.selectedMultiVar.length) {
+          setHasSelections(true);
+          (0, _requests.fetchData)("violin", {
+            url: dataset.url,
+            keys: dataset.selectedMultiVar.map(function (i) {
+              return i.name;
+            }),
+            scale: dataset.controls.standardScale
+          }, abortController.signal).then(function (data) {
+            setData(data.data);
+            setLayout(data.layout);
+          }).catch(function (response) {
+            if (response.name !== "AbortError") {
+              response.json().then(function (json) {
+                console.log(json.message);
+              });
+            }
+          });
+        } else {
+          setHasSelections(false);
+        }
+      } else if (mode === _constants.VIOLIN_MODES.GROUPBY) {
+        if (dataset.selectedObs && dataset.selectedVar) {
+          setHasSelections(true);
+          (0, _requests.fetchData)("violin", {
+            url: dataset.url,
+            keys: dataset.selectedVar.name,
+            selectedObs: dataset.selectedObs,
+            scale: dataset.controls.standardScale
+          }).then(function (data) {
+            setData(data.data);
+            setLayout(data.layout);
+          }).catch(function (response) {
+            if (response.name !== "AbortError") {
+              response.json().then(function (json) {
+                console.log(json.message);
+              });
+            }
+          });
+        } else {
+          setHasSelections(false);
+        }
+      }
+    };
+    // delay invoking the fetch function to avoid firing requests
+    // while dependencies might still be getting updated by the user
+    return _lodash.default.debounce(func, 500);
+  }, [mode, dataset.url, dataset.selectedObs, dataset.selectedVar, dataset.selectedMultiVar, dataset.controls.standardScale]);
+  (0, _react.useEffect)(function () {
+    // create an abort controller to pass into each fetch function
+    // to abort previous incompleted requests when a new request is fired
+    var abortController = new AbortController();
+    update(abortController);
+    return function () {
+      abortController.abort();
+    };
+  }, [update]);
+  if (hasSelections) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cherita-violin"
+    }, /*#__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__*/_react.default.createElement("div", {
+    className: "cherita-violin"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Select variables to plot"));
+}

package/dist/constants/constants.js

@@ -3,6 +3,48 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PLOTLY_COLORSCALES = void 0;
+exports.VIOLIN_MODES = exports.VIOLINPLOT_STANDARDSCALES = exports.SELECTION_MODES = exports.PLOTLY_COLORSCALES = exports.MATRIXPLOT_STANDARDSCALES = exports.EMBEDDINGS = exports.DOTPLOT_STANDARDSCALES = void 0;
 var PLOTLY_COLORSCALES = ["Blackbody", "Bluered", "Blues", "Cividis", "Earth", "Electric", "Greens", "Greys", "Hot", "Jet", "Picnic", "Portland", "Rainbow", "RdBu", "Reds", "Viridis", "YlGnBu", "YlOrRd"];
-exports.PLOTLY_COLORSCALES = PLOTLY_COLORSCALES;
+exports.PLOTLY_COLORSCALES = PLOTLY_COLORSCALES;
+var EMBEDDINGS = ["X_umap", "X_tsne"];
+exports.EMBEDDINGS = EMBEDDINGS;
+var SELECTION_MODES = {
+  SINGLE: "single",
+  MULTIPLE: "multiple"
+};
+exports.SELECTION_MODES = SELECTION_MODES;
+var VIOLIN_MODES = {
+  MULTIKEY: "multikey",
+  GROUPBY: "groupby"
+};
+exports.VIOLIN_MODES = VIOLIN_MODES;
+var MATRIXPLOT_STANDARDSCALES = [{
+  value: null,
+  name: "None"
+}, {
+  value: "group",
+  name: "Group"
+}, {
+  value: "var",
+  name: "Var"
+}];
+exports.MATRIXPLOT_STANDARDSCALES = MATRIXPLOT_STANDARDSCALES;
+var DOTPLOT_STANDARDSCALES = [{
+  value: null,
+  name: "None"
+}, {
+  value: "group",
+  name: "Group"
+}, {
+  value: "var",
+  name: "Var"
+}];
+exports.DOTPLOT_STANDARDSCALES = DOTPLOT_STANDARDSCALES;
+var VIOLINPLOT_STANDARDSCALES = [{
+  value: "width",
+  name: "Width"
+}, {
+  value: "count",
+  name: "Count"
+}];
+exports.VIOLINPLOT_STANDARDSCALES = VIOLINPLOT_STANDARDSCALES;

package/dist/context/DatasetContext.js

@@ -39,7 +39,18 @@ function DatasetProvider(_ref) {
       selectedVar: null,
       selectedMultiObs: [],
       selectedMultiVar: [],
-      colorscale: "Viridis"
+      controls: {
+        colorScale: "Viridis",
+        colorAxis: {
+          dmin: 0,
+          dmax: 1,
+          cmin: 0,
+          cmax: 1
+        },
+        standardScale: null,
+        meanOnlyExpressed: false,
+        expressionCutoff: 0.0
+      }
     }),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     dataset = _useReducer2[0],
@@ -88,10 +99,81 @@ function datasetReducer(dataset, action) {
           })
         });
       }
-    case "colorscaleSelected":
+    case "embeddingSelected":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          embedding: action.embedding
+        });
+      }
+    case "set.controls.colorScale":
       {
         return _objectSpread(_objectSpread({}, dataset), {}, {
-          colorscale: action.colorscale
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            colorScale: action.colorScale
+          })
+        });
+      }
+    case "set.controls.colorAxis":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            colorAxis: action.colorAxis
+          })
+        });
+      }
+    case "set.controls.colorAxis.crange":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            colorAxis: _objectSpread(_objectSpread({}, dataset.controls.colorAxis), {}, {
+              cmin: action.cmin,
+              cmax: action.cmax
+            })
+          })
+        });
+      }
+    case "set.controls.colorAxis.cmin":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            colorAxis: _objectSpread(_objectSpread({}, dataset.controls.colorAxis), {}, {
+              cmin: action.cmin
+            })
+          })
+        });
+      }
+    case "set.controls.colorAxis.cmax":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            colorAxis: _objectSpread(_objectSpread({}, dataset.controls.colorAxis), {}, {
+              cmax: action.cmax
+            })
+          })
+        });
+      }
+    case "set.controls.standardScale":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            standardScale: action.standardScale
+          })
+        });
+      }
+    case "set.controls.meanOnlyExpressed":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            meanOnlyExpressed: action.meanOnlyExpressed
+          })
+        });
+      }
+    case "set.controls.expressionCutoff":
+      {
+        return _objectSpread(_objectSpread({}, dataset), {}, {
+          controls: _objectSpread(_objectSpread({}, dataset.controls), {}, {
+            expressionCutoff: action.expressionCutoff
+          })
         });
       }
     default:

package/dist/helpers/map.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapHelper = void 0;
+var _core = require("@deck.gl/core");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+window.deck.log.level = 1;
+var MapHelper = /*#__PURE__*/_createClass(function MapHelper() {
+  _classCallCheck(this, MapHelper);
+  _defineProperty(this, "fitBounds", function (coords) {
+    var view = new _core.WebMercatorViewport({
+      width: 600,
+      height: 400,
+      longitude: -122.45,
+      latitude: 37.78,
+      zoom: 12,
+      pitch: 30,
+      bearing: 15
+    });
+    var latMin = 90;
+    var latMax = -90;
+    var lonMin = 180;
+    var lonMax = -180;
+    coords.forEach(function (coord) {
+      var RECT_LAT_INDEX = '0';
+      var RECT_LON_INDEX = '1';
+      if (coord[RECT_LAT_INDEX] < latMin) latMin = coord[RECT_LAT_INDEX];
+      if (coord[RECT_LAT_INDEX] > latMax) latMax = coord[RECT_LAT_INDEX];
+      if (coord[RECT_LON_INDEX] < lonMin) lonMin = coord[RECT_LON_INDEX];
+      if (coord[RECT_LON_INDEX] > lonMax) lonMax = coord[RECT_LON_INDEX];
+    });
+    var bounds = [[lonMin, latMax], [lonMax, latMin]];
+    var _view$fitBounds = view.fitBounds(bounds, {
+        padding: {
+          top: 50,
+          bottom: 50,
+          left: 50,
+          right: 50
+        }
+      }),
+      longitude = _view$fitBounds.longitude,
+      latitude = _view$fitBounds.latitude,
+      zoom = _view$fitBounds.zoom;
+    return {
+      longitude: longitude,
+      latitude: latitude,
+      zoom: zoom
+    };
+  });
+});
+exports.MapHelper = MapHelper;