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

package/README.md

@@ -1,3 +1,8 @@
+[![build](https://github.com/haniffalab/cherita-react/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/haniffalab/cherita-react/actions/workflows/npm-publish.yml)
+[![build-dev](https://github.com/haniffalab/cherita-react/actions/workflows/npm-publish-dev.yml/badge.svg)](https://github.com/haniffalab/cherita-react/actions/workflows/npm-publish-dev.yml)
+[![npm](https://img.shields.io/npm/v/@haniffalab/cherita-react)](https://www.npmjs.com/package/@haniffalab/cherita-react)
+[![codecov](https://codecov.io/gh/haniffalab/cherita-react/graph/badge.svg?token=8RLSQP1FFB)](https://codecov.io/gh/haniffalab/cherita-react)
+
 # Cherita
 
 ## Development

package/dist/components/dotplot/Dotplot.js

@@ -12,7 +12,6 @@ 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; }
@@ -120,32 +119,26 @@ function Dotplot() {
   }, [dataset.controls.colorAxis.cmin, dataset.controls.colorAxis.cmax]);
   if (!serverError) {
     if (hasSelections) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "cherita-dotplot 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%"
-          }
-        })]
-      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "cherita-dotplot 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%"
+        }
+      }));
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "cherita-dotplot",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Alert, {
-        variant: "light",
-        children: "Select features and a category"
-      })
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cherita-dotplot"
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Alert, {
+      variant: "light"
+    }, "Select features and a category"));
   } 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/dotplot/DotplotControls.js

@@ -11,7 +11,6 @@ var _Dropdown = _interopRequireDefault(require("react-bootstrap/Dropdown"));
 var _colorscales = require("../../constants/colorscales");
 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 _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; }
@@ -35,17 +34,18 @@ function DotplotControls() {
       expressionCutoff: dataset.controls.expressionCutoff
     }));
   }, [dataset.controls.colorAxis.cmin, dataset.controls.colorAxis.cmax, dataset.controls.expressionCutoff]);
-  const colorScaleList = _lodash.default.keys(_colorscales.COLORSCALES).map(key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
+  const colorScaleList = _lodash.default.keys(_colorscales.COLORSCALES).map(key => /*#__PURE__*/_react.default.createElement(_Dropdown.default.Item, {
+    key: key,
     active: dataset.controls.colorScale === key,
     onClick: () => {
       dispatch({
         type: "set.controls.colorScale",
         colorScale: key
       });
-    },
-    children: key
+    }
   }, key));
-  const standardScaleList = _lodash.default.values(_constants.DOTPLOT_SCALES).map(scale => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Item, {
+  const standardScaleList = _lodash.default.values(_constants.DOTPLOT_SCALES).map(scale => /*#__PURE__*/_react.default.createElement(_Dropdown.default.Item, {
+    key: scale.value,
     active: dataset.controls.scale.dotplot === scale,
     onClick: () => {
       dispatch({
@@ -53,146 +53,105 @@ function DotplotControls() {
         plot: "dotplot",
         scale: scale
       });
-    },
-    children: scale.name
-  }, scale.value));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.ButtonToolbar, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown.default, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Toggle, {
-          id: "dropdownColorscale",
-          variant: "light",
-          children: dataset.controls.colorScale
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Menu, {
-          children: colorScaleList
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
-          children: "Standard scale"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dropdown.default, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Toggle, {
-            id: "dropdownStandardScale",
-            variant: "light",
-            children: dataset.controls.scale.dotplot.name
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default.Menu, {
-            children: standardScaleList
-          })]
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ButtonGroup, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ToggleButton, {
-        id: "toggleMeanOnlyExpressed",
-        type: "checkbox",
-        variant: "outline-primary",
-        checked: dataset.controls.meanOnlyExpressed,
-        onChange: () => {
-          dispatch({
-            type: "set.controls.meanOnlyExpressed",
-            meanOnlyExpressed: !dataset.controls.meanOnlyExpressed
-          });
-        },
-        children: "Average only above cutoff"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form, {
-      onSubmit: e => {
-        e.preventDefault();
-        dispatch({
-          type: "set.controls.expressionCutoff",
-          expressionCutoff: parseFloat(controls.expressionCutoff)
-        });
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
-          children: "Expression Cutoff"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
-          size: "sm",
-          type: "number",
-          step: "0.1",
-          min: 0.0,
-          value: controls.expressionCutoff,
-          onChange: e => {
-            setControls({
-              ...controls,
-              expressionCutoff: e.target.value
-            });
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-          type: "submit",
-          variant: "outline-primary",
-          children: "Apply"
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form, {
-      onSubmit: e => {
-        e.preventDefault();
-        dispatch({
-          type: "set.controls.colorAxis.crange",
-          cmin: controls.colorAxis.cmin,
-          cmax: controls.colorAxis.cmax
-        });
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.InputGroup, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
-          children: "Colorscale"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
-          children: "min"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
-          name: "scaleMin",
-          size: "sm",
-          type: "number",
-          value: controls.colorAxis.cmin,
-          step: 0.1,
-          min: Math.min(dataset.controls.colorAxis.dmin, 0.0),
-          max: dataset.controls.colorAxis.dmax,
-          onChange: e => {
-            setControls({
-              ...controls,
-              colorAxis: {
-                ...controls.colorAxis,
-                cmin: e.target.value
-              }
-            });
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.InputGroup.Text, {
-          children: "max"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
-          name: "scaleMax",
-          size: "sm",
-          type: "number",
-          value: controls.colorAxis.cmax,
-          step: 0.1,
-          min: controls.colorAxis.cmin,
-          max: dataset.controls.colorAxis.dmax,
-          onChange: e => {
-            if (parseFloat(e.target.value) > dataset.controls.colorAxis.dmax) {
-              e.target.value = dataset.controls.colorAxis.dmax.toFixed(1);
-            }
-            setControls({
-              ...controls,
-              colorAxis: {
-                ...controls.colorAxis,
-                cmax: e.target.value
-              }
-            });
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-          type: "submit",
-          variant: "outline-primary",
-          children: "Apply"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
-          variant: "outline-primary",
-          onClick: () => {
-            dispatch({
-              type: "set.controls.colorAxis.crange",
-              cmin: dataset.controls.colorAxis.dmin,
-              cmax: dataset.controls.colorAxis.dmax
-            });
-          },
-          children: "Autoscale"
-        })]
-      })
-    })]
-  });
+    }
+  }, scale.name));
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonToolbar, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default.Toggle, {
+    id: "dropdownColorscale",
+    variant: "light"
+  }, dataset.controls.colorScale), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Menu, null, colorScaleList))), /*#__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"
+  }, dataset.controls.scale.dotplot.name), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Menu, null, standardScaleList)))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ToggleButton, {
+    id: "toggleMeanOnlyExpressed",
+    type: "checkbox",
+    variant: "outline-primary",
+    checked: dataset.controls.meanOnlyExpressed,
+    onChange: () => {
+      dispatch({
+        type: "set.controls.meanOnlyExpressed",
+        meanOnlyExpressed: !dataset.controls.meanOnlyExpressed
+      });
+    }
+  }, "Average only above cutoff")), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, {
+    onSubmit: e => {
+      e.preventDefault();
+      dispatch({
+        type: "set.controls.expressionCutoff",
+        expressionCutoff: parseFloat(controls.expressionCutoff)
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, "Expression Cutoff"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
+    size: "sm",
+    type: "number",
+    step: "0.1",
+    min: 0.0,
+    value: controls.expressionCutoff,
+    onChange: e => {
+      setControls({
+        ...controls,
+        expressionCutoff: e.target.value
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    type: "submit",
+    variant: "outline-primary"
+  }, "Apply"))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, {
+    onSubmit: e => {
+      e.preventDefault();
+      dispatch({
+        type: "set.controls.colorAxis.crange",
+        cmin: controls.colorAxis.cmin,
+        cmax: controls.colorAxis.cmax
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, "Colorscale"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, "min"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
+    name: "scaleMin",
+    size: "sm",
+    type: "number",
+    value: controls.colorAxis.cmin,
+    step: 0.1,
+    min: Math.min(dataset.controls.colorAxis.dmin, 0.0),
+    max: dataset.controls.colorAxis.dmax,
+    onChange: e => {
+      setControls({
+        ...controls,
+        colorAxis: {
+          ...controls.colorAxis,
+          cmin: e.target.value
+        }
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.InputGroup.Text, null, "max"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control, {
+    name: "scaleMax",
+    size: "sm",
+    type: "number",
+    value: controls.colorAxis.cmax,
+    step: 0.1,
+    min: controls.colorAxis.cmin,
+    max: dataset.controls.colorAxis.dmax,
+    onChange: e => {
+      if (parseFloat(e.target.value) > dataset.controls.colorAxis.dmax) {
+        e.target.value = dataset.controls.colorAxis.dmax.toFixed(1);
+      }
+      setControls({
+        ...controls,
+        colorAxis: {
+          ...controls.colorAxis,
+          cmax: e.target.value
+        }
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    type: "submit",
+    variant: "outline-primary"
+  }, "Apply"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+    variant: "outline-primary",
+    onClick: () => {
+      dispatch({
+        type: "set.controls.colorAxis.crange",
+        cmin: dataset.controls.colorAxis.dmin,
+        cmax: dataset.controls.colorAxis.dmax
+      });
+    }
+  }, "Autoscale"))));
 }