TS Revert (1) (#2402)

* revert all commits to before Typescript migration * update compat workflow to match latest deps (#2335) * update compat workflow to match latest deps * attempt to debug * attempt to debug * remove debugging code * typo * update deps to match desktop (#2340) * fix: don't run lint with `--fix` on push tests (#2273) * fix: don't run lint with `--fix` on push tests * npx Co-authored-by: maniarathi <mani.arathi@gmail.com> Co-authored-by: Madison Dunitz <madison.dunitz@chanzuckerberg.com> * rename X_approx_distribution to X_approximate_distribution (#2337) * Correctly handle non-finite numbers in heuristic determination of X distribution (#2342) * handle non-finites explicitly * improve and test edge case handling for distribution estimation * revert debugging changes * code readability * clean up type inferencing (#2332) * unit tests for 64 bit conversion * clean up type handling * type inference tests * more type inference fixes * use schema to determine user intent for data typing * stop using deprecated API * fbs type encoding test * add missing test * add more tests * correctly infer X type for CXG adaptor * lint * fix typo * ts migration * cleanup from PR review * lint * PR review changes * remove unused packages from client (#2359) * remove unused packages from client * add missing peer dep * fix: disable FE auth testing on compatibility tests (#2377) * update: release process (#2277) Co-authored-by: maniarathi <mani.arathi@gmail.com> * fix: remove spaces in param setup (#2380) * delete deploy workflow (#2396) * undo reformatting which now does not pass lint * fix snapshots which changed due to npm dep changes * add missing quoting to snapshot * another snapshot typo fix * TS Revert (2) - replay PR #2347 and #2354 (#2403) * replay edits from PR 2347 * TS Revert (3) - replay edits in PR #2327 (#2404) * replay edits in PR 2327 * TS Revert (4) - replay PR #2355 (#2405) * replay edits in PR 2355 * add additional babel config * reformat with new prettier config Co-authored-by: Severiano Badajoz <sbadajoz@chanzuckerberg.com> Co-authored-by: maniarathi <mani.arathi@gmail.com> Co-authored-by: Madison Dunitz <madison.dunitz@chanzuckerberg.com>
2026-10-06 11:48:11 +08:00 · 2021-08-23 15:01:36 -07:00
parent 295590a7c6
commit eaae6df5e3
253 changed files with 11175 additions and 22271 deletions
@@ -0,0 +1,141 @@
+import React from "react";
+import { connect } from "react-redux";
+import { Tooltip2 } from "@blueprintjs/popover2";
+
+import {
+  Button,
+  AnchorButton,
+  Menu,
+  MenuItem,
+  Popover,
+  Position,
+  Icon,
+  PopoverInteractionKind,
+} from "@blueprintjs/core";
+
+import * as globals from "../../../globals";
+import actions from "../../../actions";
+import AddGeneToGenesetDialogue from "./addGeneToGenesetDialogue";
+
+@connect((state) => ({
+    genesetsUI: state.genesetsUI,
+    colorAccessor: state.colors.colorAccessor,
+  }))
+class GenesetMenus extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  activateAddGeneToGenesetMode = () => {
+    const { dispatch, geneset } = this.props;
+    dispatch({
+      type: "geneset: activate add new genes mode",
+      geneset,
+    });
+  };
+
+  activateEditGenesetNameMode = () => {
+    const { dispatch, geneset } = this.props;
+
+    dispatch({
+      type: "geneset: activate rename geneset mode",
+      data: geneset,
+    });
+  };
+
+  handleColorByEntireGeneset = () => {
+    const { dispatch, geneset } = this.props;
+
+    dispatch({
+      type: "color by geneset mean expression",
+      geneset,
+    });
+  };
+
+  handleDeleteGeneset = () => {
+    const { dispatch, geneset } = this.props;
+    dispatch(actions.genesetDelete(geneset));
+  };
+
+  render() {
+    const { geneset, genesetsEditable, createText, colorAccessor } = this.props;
+
+    const isColorBy = geneset === colorAccessor;
+
+    return (
+      <>
+        {genesetsEditable && (
+          <>
+            <Tooltip2
+              content={createText}
+              position={Position.BOTTOM}
+              hoverOpenDelay={globals.tooltipHoverOpenDelay}
+            >
+              <Button
+                style={{ marginLeft: 0, marginRight: 2 }}
+                data-testclass="handleAddNewGeneToGeneset"
+                data-testid={`${geneset}:add-new-gene-to-geneset`}
+                icon={<Icon icon="plus" iconSize={10} />}
+                onClick={this.activateAddGeneToGenesetMode}
+                small
+                minimal
+              />
+            </Tooltip2>
+            <AddGeneToGenesetDialogue geneset={geneset} />
+            <Popover
+              interactionKind={PopoverInteractionKind.HOVER}
+              boundary="window"
+              position={Position.BOTTOM}
+              content={
+                <Menu>
+                  <MenuItem
+                    icon="edit"
+                    data-testclass="activateEditGenesetNameMode"
+                    data-testid={`${geneset}:edit-genesetName-mode`}
+                    onClick={this.activateEditGenesetNameMode}
+                    text="Edit gene set name and description"
+                  />
+                  <MenuItem
+                    icon="trash"
+                    intent="danger"
+                    data-testclass="handleDeleteGeneset"
+                    data-testid={`${geneset}:delete-geneset`}
+                    onClick={this.handleDeleteGeneset}
+                    text="Delete this gene set (destructive, will remove set and collection of genes)"
+                  />
+                </Menu>
+              }
+            >
+              <Button
+                style={{ marginLeft: 0, marginRight: 5 }}
+                data-testclass="seeActions"
+                data-testid={`${geneset}:see-actions`}
+                icon={<Icon icon="more" iconSize={10} />}
+                small
+                minimal
+              />
+            </Popover>
+            <Tooltip2
+              content={`Color by gene set ${geneset} mean`}
+              position={Position.BOTTOM}
+              hoverOpenDelay={globals.tooltipHoverOpenDelay}
+            >
+              <AnchorButton
+                active={isColorBy}
+                intent={isColorBy ? "primary" : "none"}
+                style={{ marginLeft: 0 }}
+                onClick={this.handleColorByEntireGeneset}
+                data-testclass="colorby-entire-geneset"
+                data-testid={`${geneset}:colorby-entire-geneset`}
+                icon={<Icon icon="tint" iconSize={16} />}
+              />
+            </Tooltip2>
+          </>
+        )}
+      </>
+    );
+  }
+}
+
+export default GenesetMenus;