@haniffalab/cherita-react 0.2.0-dev.2024-09-26.775b9a06 → 0.2.0-dev.2024-09-26.1ea62883

package/dist/components/violin/Violin.js

@@ -7,6 +7,7 @@ exports.Violin = Violin;
 var _react = _interopRequireWildcard(require("react"));
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _lodash = _interopRequireDefault(require("lodash"));
 var _reactBootstrap = require("react-bootstrap");
 var _reactPlotly = _interopRequireDefault(require("react-plotly.js"));
 var _constants = require("../../constants/constants");
@@ -18,6 +19,7 @@ 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) {
+  var _dataset$selectedVar, _dataset$selectedVar2, _dataset$selectedVar3, _dataset$selectedVar4, _dataset$selectedObs, _dataset$selectedObs2, _dataset$selectedObs3;
   let {
     mode = _constants.VIOLIN_MODES.MULTIKEY
   } = _ref;
@@ -28,9 +30,29 @@ function Violin(_ref) {
   const [hasSelections, setHasSelections] = (0, _react.useState)(false);
   const [params, setParams] = (0, _react.useState)({
     url: dataset.url,
-    keys: [],
-    scale: dataset.controls.standardScale,
-    varNamesCol: dataset.varNamesCol
+    mode: mode,
+    scale: dataset.controls.scale.violinplot.value,
+    varNamesCol: dataset.varNamesCol,
+    ...{
+      [_constants.VIOLIN_MODES.MULTIKEY]: {
+        varKeys: dataset.selectedMultiVar.map(i => i.isSet ? {
+          name: i.name,
+          indices: i.vars.map(v => v.index)
+        } : i.index),
+        obsKeys: [] // @TODO: implement
+      },
+      [_constants.VIOLIN_MODES.GROUPBY]: {
+        varKey: (_dataset$selectedVar = dataset.selectedVar) !== null && _dataset$selectedVar !== void 0 && _dataset$selectedVar.isSet ? {
+          name: (_dataset$selectedVar2 = dataset.selectedVar) === null || _dataset$selectedVar2 === void 0 ? void 0 : _dataset$selectedVar2.name,
+          indices: (_dataset$selectedVar3 = dataset.selectedVar) === null || _dataset$selectedVar3 === void 0 ? void 0 : _dataset$selectedVar3.vars.map(v => v.index)
+        } : (_dataset$selectedVar4 = dataset.selectedVar) === null || _dataset$selectedVar4 === void 0 ? void 0 : _dataset$selectedVar4.index,
+        obsCol: dataset.selectedObs,
+        obsValues: !((_dataset$selectedObs = dataset.selectedObs) !== null && _dataset$selectedObs !== void 0 && _dataset$selectedObs.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_dataset$selectedObs2 = dataset.selectedObs) === null || _dataset$selectedObs2 === void 0 ? void 0 : _dataset$selectedObs2.codes), (_dataset$selectedObs3 = dataset.selectedObs) === null || _dataset$selectedObs3 === void 0 ? void 0 : _dataset$selectedObs3.omit).map(c => {
+          var _dataset$selectedObs4;
+          return (_dataset$selectedObs4 = dataset.selectedObs) === null || _dataset$selectedObs4 === void 0 ? void 0 : _dataset$selectedObs4.codesMap[c];
+        })
+      }
+    }[mode]
   });
   // @TODO: set default scale
 
@@ -45,8 +67,12 @@ function Violin(_ref) {
         return {
           ...p,
           url: dataset.url,
-          keys: dataset.selectedMultiVar.map(i => i.index),
-          scale: dataset.controls.standardScale,
+          mode: mode,
+          varKeys: dataset.selectedMultiVar.map(i => i.isSet ? {
+            name: i.name,
+            indices: i.vars.map(v => v.index)
+          } : i.index),
+          scale: dataset.controls.scale.violinplot.value,
           varNamesCol: dataset.varNamesCol
         };
       });
@@ -57,23 +83,32 @@ function Violin(_ref) {
         setHasSelections(false);
       }
       setParams(p => {
+        var _dataset$selectedVar5, _dataset$selectedVar6, _dataset$selectedVar7, _dataset$selectedVar8, _dataset$selectedObs5, _dataset$selectedObs6, _dataset$selectedObs7;
         return {
           ...p,
           url: dataset.url,
-          keys: dataset.selectedVar.index,
-          selectedObs: dataset.selectedObs,
-          scale: dataset.controls.standardScale,
+          mode: mode,
+          varKey: (_dataset$selectedVar5 = dataset.selectedVar) !== null && _dataset$selectedVar5 !== void 0 && _dataset$selectedVar5.isSet ? {
+            name: (_dataset$selectedVar6 = dataset.selectedVar) === null || _dataset$selectedVar6 === void 0 ? void 0 : _dataset$selectedVar6.name,
+            indices: (_dataset$selectedVar7 = dataset.selectedVar) === null || _dataset$selectedVar7 === void 0 ? void 0 : _dataset$selectedVar7.vars.map(v => v.index)
+          } : (_dataset$selectedVar8 = dataset.selectedVar) === null || _dataset$selectedVar8 === void 0 ? void 0 : _dataset$selectedVar8.index,
+          obsCol: dataset.selectedObs,
+          obsValues: !((_dataset$selectedObs5 = dataset.selectedObs) !== null && _dataset$selectedObs5 !== void 0 && _dataset$selectedObs5.omit.length) ? null : _lodash.default.difference(_lodash.default.values((_dataset$selectedObs6 = dataset.selectedObs) === null || _dataset$selectedObs6 === void 0 ? void 0 : _dataset$selectedObs6.codes), (_dataset$selectedObs7 = dataset.selectedObs) === null || _dataset$selectedObs7 === void 0 ? void 0 : _dataset$selectedObs7.omit).map(c => {
+            var _dataset$selectedObs8;
+            return (_dataset$selectedObs8 = dataset.selectedObs) === null || _dataset$selectedObs8 === void 0 ? void 0 : _dataset$selectedObs8.codesMap[c];
+          }),
+          scale: dataset.controls.scale.violinplot.value,
           varNamesCol: dataset.varNamesCol
         };
       });
     }
-  }, [dataset.controls.standardScale, dataset.selectedMultiVar, dataset.selectedObs, dataset.selectedVar, dataset.url, dataset.varNamesCol, mode]);
+  }, [dataset.controls.scale.violinplot.value, dataset.selectedMultiVar, dataset.selectedObs, dataset.selectedVar, dataset.url, dataset.varNamesCol, mode]);
   const {
     fetchedData,
     isPending,
     serverError
   } = (0, _requests.useDebouncedFetch)(ENDPOINT, params, 500, {
-    enabled: mode === _constants.VIOLIN_MODES.MULTIKEY && !!params.keys || mode === _constants.VIOLIN_MODES.GROUPBY && !!params.keys.length && !!params.selectedObs
+    enabled: mode === _constants.VIOLIN_MODES.MULTIKEY && (!!params.varKeys.length || !!params.obsKeys.length) || mode === _constants.VIOLIN_MODES.GROUPBY && !!params.varKey && !!params.obsCol
   });
   (0, _react.useEffect)(() => {
     if (hasSelections && !isPending && !serverError) {
@@ -85,9 +120,7 @@ function Violin(_ref) {
     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)("h5", {
-          children: mode
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
+        children: [isPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicators.LoadingSpinner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
           data: data,
           layout: layout,
           useResizeHandler: true,

package/dist/components/violin/ViolinControls.js

@@ -4,44 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ViolinControls = ViolinControls;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+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 _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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ViolinControls() {
   const dataset = (0, _DatasetContext.useDataset)();
   const dispatch = (0, _DatasetContext.useDatasetDispatch)();
-  const [activeStandardScale, setActiveStandardScale] = (0, _react.useState)(dataset.controls.standardScale);
-  (0, _react.useEffect)(() => {
-    if (dataset.controls.standardScale) {
-      setActiveStandardScale(_constants.VIOLINPLOT_STANDARDSCALES.find(obs => obs.value === dataset.controls.standardScale).name);
-    }
-  }, [dataset.controls.standardScale]);
-  const standardScaleList = _constants.VIOLINPLOT_STANDARDSCALES.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
-    active: activeStandardScale === item.value,
+  const scaleList = _lodash.default.values(_constants.VIOLINPLOT_SCALES).map(scale => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Item, {
+    active: dataset.controls.scale.violinplot === scale,
     onClick: () => {
       dispatch({
-        type: "set.controls.standardScale",
-        standardScale: item.value
+        type: "set.controls.scale",
+        plot: "violinplot",
+        scale: scale
       });
     },
-    children: item.name
-  }, item.value));
+    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: "Standard scale"
+          children: "Scale"
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Dropdown, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Toggle, {
             id: "dropdownStandardScale",
             variant: "light",
-            children: activeStandardScale
+            children: dataset.controls.scale.violinplot.name
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Dropdown.Menu, {
-            children: standardScaleList
+            children: scaleList
           })]
         })]
       })

package/dist/constants/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VIOLIN_MODES = exports.VIOLINPLOT_STANDARDSCALES = exports.UNSELECTED_POLYGON_FILLCOLOR = exports.SELECTION_MODES = exports.SELECTED_POLYGON_FILLCOLOR = exports.OBS_TYPES = exports.MATRIXPLOT_STANDARDSCALES = exports.LOCAL_STORAGE_KEY = exports.DOTPLOT_STANDARDSCALES = exports.COLOR_ENCODINGS = void 0;
+exports.VIOLIN_MODES = exports.VIOLINPLOT_SCALES = exports.UNSELECTED_POLYGON_FILLCOLOR = exports.SELECTION_MODES = exports.SELECTED_POLYGON_FILLCOLOR = exports.OBS_TYPES = exports.MATRIXPLOT_SCALES = exports.LOCAL_STORAGE_KEY = exports.DOTPLOT_SCALES = exports.COLOR_ENCODINGS = void 0;
 const LOCAL_STORAGE_KEY = exports.LOCAL_STORAGE_KEY = "CHERITA";
 const COLOR_ENCODINGS = exports.COLOR_ENCODINGS = {
   VAR: "var",
@@ -12,7 +12,8 @@ const COLOR_ENCODINGS = exports.COLOR_ENCODINGS = {
 const OBS_TYPES = exports.OBS_TYPES = {
   CATEGORICAL: "categorical",
   DISCRETE: "discrete",
-  CONTINUOUS: "continuous"
+  CONTINUOUS: "continuous",
+  BOOLEAN: "boolean"
 };
 const SELECTED_POLYGON_FILLCOLOR = exports.SELECTED_POLYGON_FILLCOLOR = [107, 170, 209, 255 / 2];
 const UNSELECTED_POLYGON_FILLCOLOR = exports.UNSELECTED_POLYGON_FILLCOLOR = [167, 191, 211, 255 / 3];
@@ -24,30 +25,41 @@ const VIOLIN_MODES = exports.VIOLIN_MODES = {
   MULTIKEY: "multikey",
   GROUPBY: "groupby"
 };
-const MATRIXPLOT_STANDARDSCALES = exports.MATRIXPLOT_STANDARDSCALES = [{
-  value: null,
-  name: "None"
-}, {
-  value: "group",
-  name: "Group"
-}, {
-  value: "var",
-  name: "Var"
-}];
-const DOTPLOT_STANDARDSCALES = exports.DOTPLOT_STANDARDSCALES = [{
-  value: null,
-  name: "None"
-}, {
-  value: "group",
-  name: "Group"
-}, {
-  value: "var",
-  name: "Var"
-}];
-const VIOLINPLOT_STANDARDSCALES = exports.VIOLINPLOT_STANDARDSCALES = [{
-  value: "width",
-  name: "Width"
-}, {
-  value: "count",
-  name: "Count"
-}];
+const MATRIXPLOT_SCALES = exports.MATRIXPLOT_SCALES = {
+  NONE: {
+    value: null,
+    name: "None"
+  },
+  GROUP: {
+    value: "group",
+    name: "Group"
+  },
+  VAR: {
+    value: "var",
+    name: "Var"
+  }
+};
+const DOTPLOT_SCALES = exports.DOTPLOT_SCALES = {
+  NONE: {
+    value: null,
+    name: "None"
+  },
+  GROUP: {
+    value: "group",
+    name: "Group"
+  },
+  VAR: {
+    value: "var",
+    name: "Var"
+  }
+};
+const VIOLINPLOT_SCALES = exports.VIOLINPLOT_SCALES = {
+  WIDTH: {
+    value: "width",
+    name: "Width"
+  },
+  COUNT: {
+    value: "count",
+    name: "Count"
+  }
+};

package/dist/context/DatasetContext.js

@@ -12,6 +12,7 @@ var _querySyncStoragePersister = require("@tanstack/query-sync-storage-persister
 var _reactQuery = require("@tanstack/react-query");
 var _reactQueryPersistClient = require("@tanstack/react-query-persist-client");
 var _lodash = _interopRequireDefault(require("lodash"));
+var _FilterContext = require("./FilterContext");
 var _constants = require("../constants/constants");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -27,12 +28,12 @@ const queryClient = new _reactQuery.QueryClient({
   },
   queryCache: new _reactQuery.QueryCache({
     onError: (error, query) => {
-      console.error(error);
+      console.error(error, query);
     }
   })
 });
 // Type of queries to store responses
-const persistKeys = ["obs/cols", "var/names", "obsm/keys"];
+const persistKeys = ["obs/cols", "var/names", "obsm/keys", "var/histograms", "obs/bins", "obs/distribution"];
 const persistOptions = {
   persister: (0, _querySyncStoragePersister.createSyncStoragePersister)({
     storage: window.localStorage
@@ -60,6 +61,7 @@ const initialDataset = {
   selectedMultiVar: [],
   colorEncoding: null,
   labelObs: [],
+  varSets: [],
   sliceBy: {
     obs: false,
     polygons: false
@@ -74,16 +76,16 @@ const initialDataset = {
       cmin: 0,
       cmax: 1
     },
-    standardScale: null,
+    scale: {
+      dotplot: _constants.DOTPLOT_SCALES.NONE,
+      matrixplot: _constants.MATRIXPLOT_SCALES.NONE,
+      violinplot: _constants.VIOLINPLOT_SCALES.WIDTH
+    },
     meanOnlyExpressed: false,
     expressionCutoff: 0.0
   },
   diseaseDatasets: [],
-  selectedDisease: {
-    id: null,
-    name: null,
-    genes: []
-  }
+  selectedDisease: null
 };
 const initializer = initialState => {
   const localObj = (JSON.parse(localStorage.getItem(_constants.LOCAL_STORAGE_KEY)) || {})[initialState.url] || {};
@@ -123,7 +125,9 @@ function DatasetProvider(_ref2) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactQueryPersistClient.PersistQueryClientProvider, {
         client: queryClient,
         persistOptions: persistOptions,
-        children: children
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterContext.FilterProvider, {
+          children: children
+        })
       })
     })
   });
@@ -145,6 +149,11 @@ function datasetReducer(dataset, action) {
           controls: {
             ...dataset.controls,
             range: ((_action$obs = action.obs) === null || _action$obs === void 0 ? void 0 : _action$obs.type) === _constants.OBS_TYPES.CATEGORICAL ? [0, 1] : dataset.controls.range
+          },
+          colorEncoding: dataset.colorEncoding === _constants.COLOR_ENCODINGS.OBS && !action.obs ? null : dataset.colorEncoding,
+          sliceBy: {
+            ...dataset.sliceBy,
+            obs: action.obs ? dataset.sliceBy.obs : false
           }
         };
       }
@@ -164,7 +173,7 @@ function datasetReducer(dataset, action) {
       }
     case "select.multivar":
       {
-        if (dataset.selectedMultiVar.find(i => _lodash.default.isEqual(i, action.var))) {
+        if (dataset.selectedMultiVar.find(i => action.var.isSet ? i.name === action.var.name : i.matrix_index === action.var.matrix_index)) {
           return dataset;
         } else {
           return {
@@ -173,19 +182,23 @@ function datasetReducer(dataset, action) {
           };
         }
       }
-    case "deselect.var":
+    case "deselect.multivar":
       {
         return {
           ...dataset,
-          selectedVar: null,
-          colorEncoding: dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? null : dataset.colorEncoding
+          selectedMultiVar: dataset.selectedMultiVar.filter(a => action.var.isSet ? a.name !== action.var.name : a.matrix_index !== action.var.matrix_index)
         };
       }
-    case "deselect.multivar":
+    case "update.multivar":
       {
         return {
           ...dataset,
-          selectedMultiVar: dataset.selectedMultiVar.filter(a => a.matrix_index !== action.var.matrix_index)
+          selelectedMultiVar: dataset.selectedMultiVar.map(i => {
+            if (i.isSet) {
+              return action.vars.find(s => s.name === i.name);
+            }
+            return i;
+          })
         };
       }
     case "set.colorEncoding":
@@ -211,24 +224,72 @@ function datasetReducer(dataset, action) {
           colorEncoding: dataset.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? null : dataset.colorEncoding
         };
       }
-    case "select.disease":
+    case "add.varSet":
       {
         return {
           ...dataset,
-          selectedDisease: {
-            id: action.id,
-            name: action.name,
-            genes: []
-          }
+          varSets: [...dataset.varSets, action.varSet]
+        };
+      }
+    case "remove.varSet":
+      {
+        return {
+          ...dataset,
+          varSets: dataset.varSets.filter(a => a.name !== action.varSet.name)
+        };
+      }
+    case "reset.varSets":
+      {
+        return {
+          ...dataset,
+          varSets: []
         };
       }
-    case "set.disease.genes":
+    case "add.varSet.var":
+      {
+        const varSet = dataset.varSets.find(s => s.name === action.varSet.name);
+        if (varSet.vars.find(v => _lodash.default.isEqual(v, action.var))) {
+          return dataset;
+        } else {
+          return {
+            ...dataset,
+            varSets: dataset.varSets.map(s => {
+              if (s.name === varSet.name) {
+                return {
+                  ...s,
+                  vars: [...s.vars, action.var]
+                };
+              } else {
+                return s;
+              }
+            })
+          };
+        }
+      }
+    case "remove.varSet.var":
+      {
+        const varSet = dataset.varSets.find(s => s.name === action.varSet.name);
+        return {
+          ...dataset,
+          varSets: dataset.varSets.map(s => {
+            if (s.name === varSet.name) {
+              return {
+                ...s,
+                vars: s.vars.filter(v => v.name !== action.var.name)
+              };
+            } else {
+              return s;
+            }
+          })
+        };
+      }
+    case "select.disease":
       {
         return {
           ...dataset,
           selectedDisease: {
-            ...dataset.selectedDisease,
-            genes: action.genes
+            id: action.id,
+            name: action.name
           }
         };
       }
@@ -236,11 +297,7 @@ function datasetReducer(dataset, action) {
       {
         return {
           ...dataset,
-          selectedDisease: {
-            id: null,
-            name: null,
-            genes: []
-          }
+          selectedDisease: null
         };
       }
     case "set.controls.colorScale":
@@ -323,13 +380,16 @@ function datasetReducer(dataset, action) {
           }
         };
       }
-    case "set.controls.standardScale":
+    case "set.controls.scale":
       {
         return {
           ...dataset,
           controls: {
             ...dataset.controls,
-            standardScale: action.standardScale
+            scale: {
+              ...dataset.controls.scale,
+              [action.plot]: action.scale
+            }
           }
         };
       }

package/dist/context/FilterContext.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FilterProvider = FilterProvider;
+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);
+const FilteredDataDispatchContext = exports.FilteredDataDispatchContext = /*#__PURE__*/(0, _react.createContext)(null);
+const initialFilterData = {
+  obsIndices: [],
+  varIndices: []
+};
+function FilterProvider(_ref) {
+  let {
+    children
+  } = _ref;
+  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
+    })
+  });
+}
+function useFilteredData() {
+  return (0, _react.useContext)(FilteredDataContext);
+}
+function useFilteredDataDispatch() {
+  return (0, _react.useContext)(FilteredDataDispatchContext);
+}
+function filterReducer(filteredData, action) {
+  switch (action.type) {
+    case "set.obs.indices":
+      {
+        return {
+          ...filteredData,
+          obsIndices: action.indices
+        };
+      }
+    case "reset.obs.indices":
+      {
+        return {
+          ...filteredData,
+          obsIndices: []
+        };
+      }
+    case "set.var.indices":
+      {
+        return {
+          ...filteredData,
+          varIndices: action.indices
+        };
+      }
+    case "reset.var.indices":
+      {
+        return {
+          ...filteredData,
+          varIndices: []
+        };
+      }
+    default:
+      {
+        throw Error("Unknown action: " + action.type);
+      }
+  }
+}

package/dist/helpers/map-helper.js

@@ -7,28 +7,33 @@ 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
+    };
     let view = new _core.WebMercatorViewport({
-      width: 600,
-      height: 400,
-      longitude: -122.45,
-      latitude: 37.78,
-      zoom: 12,
-      pitch: 30,
-      bearing: 15
+      width: width,
+      height: height,
+      longitude: 0,
+      latitude: 0,
+      zoom: 12
     });
-    let latMin = 90;
-    let latMax = -90;
-    let lonMin = 180;
-    let lonMax = -180;
+    let latMin = Infinity;
+    let latMax = -Infinity;
+    let lonMin = Infinity;
+    let lonMax = -Infinity;
+    const RECT_LON_INDEX = 0;
+    const RECT_LAT_INDEX = 1;
     coords.forEach(function (coord) {
-      const RECT_LAT_INDEX = "0";
-      const 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];
     });
-    const bounds = [[lonMin, latMax], [lonMax, latMin]];
+    const bounds = [[lonMin, latMin], [lonMax, latMax]];
     const {
       longitude,
       latitude,
@@ -36,7 +41,7 @@ class MapHelper {
     } = view.fitBounds(bounds, {
       padding: {
         top: 50,
-        bottom: 50,
+        bottom: 70,
         left: 50,
         right: 50
       }