chore: Fractal renaming - Graph (#1111)

.infra/rdev/values.yaml

@@ -2,7 +2,7 @@ stack:
   services:
     explorer:
       image:
-        tag: sha-bac7c2f2
+        tag: sha-b2a98a83
       replicaCount: 1
       env:
         # env vars common to all deployment stages

client/__tests__/e2e/e2e.test.ts

@@ -80,7 +80,7 @@ import { SCALE_MAX_HIRES } from "../../src/util/constants";
 import { PANEL_EMBEDDING_MINIMIZE_TOGGLE_TEST_ID } from "../../src/components/PanelEmbedding/constants";
 import { CONTINUOUS_SECTION_TEST_ID } from "../../src/components/continuous/constants";
 import { CATEGORICAL_SECTION_TEST_ID } from "../../src/components/categorical/constants";
-import { sidePanelAttributeNameChange } from "../../src/components/graph/util";
+import { sidePanelAttributeNameChange } from "../../src/components/Graph/util";
 
 const { describe, skip } = test;
 

client/src/components/App/App.tsx

@@ -19,7 +19,7 @@ import MenuBar from "../menubar";
 import Header from "../NavBar";
 import GlobalHotkeys from "../hotkeys";
 import { selectIsSeamlessEnabled } from "../../selectors/datasetMetadata";
-import Graph from "../graph/graph";
+import Graph from "../Graph/Graph";
 import Scatterplot from "../scatterplot/scatterplot";
 import PanelEmbedding from "../PanelEmbedding";
 import { BANNER_FEEDBACK_SURVEY_LINK } from "../BottomBanner/constants";

client/src/components/graph/graph.tsx → client/src/components/Graph/Graph.tsx

@@ -32,8 +32,8 @@ import { DatasetUnsMetadata } from "common/types/entities";
 import { getFeatureFlag } from "util/featureFlags/featureFlags";
 import { FEATURES } from "util/featureFlags/features";
 import { LassoFunctionWithAttributes } from "./setupLasso";
-import CentroidLabels from "./overlays/centroidLabels";
-import GraphOverlayLayer from "./overlays/graphOverlayLayer";
+import { CentroidLabels } from "./overlays/CentroidLabels/CentroidLabels";
+import { GraphOverlayLayer } from "./overlays/GraphOverlayLayer/GraphOverlayLayer";
 import * as globals from "~/globals";
 import _drawPoints from "./drawPointsRegl";
 import { setupBrush, setupLasso } from "./setupSVGandBrush";

client/src/components/graph/overlays/centroidLabels.tsx → client/src/components/Graph/overlays/CentroidLabels/CentroidLabels.tsx

@@ -2,14 +2,14 @@ import React, { PureComponent } from "react";
 import { connect, shallowEqual } from "react-redux";
 import Async from "react-async";
 
-import { categoryLabelDisplayStringLongLength } from "../../../globals";
-import calcCentroid from "../../../util/centroid";
-import { createColorQuery } from "../../../util/stateManager/colorHelpers";
+import calcCentroid from "util/centroid";
+import { createColorQuery } from "util/stateManager/colorHelpers";
 import {
   DataframeDictEncodedColumn,
   isDataframeDictEncodedColumn,
-} from "../../../util/dataframe/types";
-import * as globals from "../../../globals";
+} from "util/dataframe/types";
+import { categoryLabelDisplayStringLongLength } from "~/globals";
+import * as globals from "~/globals";
 // @ts-expect-error ts-migrate(1238) FIXME: Unable to resolve signature of class decorator whe... Remove this comment to see the full error message
 @connect((state) => ({
   // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
@@ -27,7 +27,7 @@ import * as globals from "../../../globals";
   // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
   genesets: (state as any).genesets.genesets,
 }))
-export default class CentroidLabels extends PureComponent {
+export class CentroidLabels extends PureComponent {
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any -- - FIXME: disabled temporarily on migrate to TS.
   static watchAsync(props: any, prevProps: any) {
     return !shallowEqual(props.watchProps, prevProps.watchProps);

client/src/components/graph/overlays/graphOverlayLayer.tsx → client/src/components/Graph/overlays/GraphOverlayLayer/GraphOverlayLayer.tsx

@@ -1,13 +1,13 @@
 import React, { PureComponent, cloneElement } from "react";
 
 // @ts-expect-error ts-migrate(2307) FIXME: Cannot find module '../graph.css' or its correspon... Remove this comment to see the full error message
-import styles from "../graph.css";
+import styles from "../../graph.css";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any --- FIXME: disabled temporarily on migrate to TS.
 type State = any;
 
 // eslint-disable-next-line @typescript-eslint/ban-types --- FIXME: disabled temporarily on migrate to TS.
-export default class GraphOverlayLayer extends PureComponent<{}, State> {
+export class GraphOverlayLayer extends PureComponent<{}, State> {
   /*
     This component takes its children (assumed in the data coordinate space ([0, 1] range, origin in bottom left corner))
     and transforms itself multiple times resulting in screen space ([0, screenWidth/Height] range, origin in top left corner)

client/src/components/PanelEmbedding/index.tsx

@@ -7,7 +7,7 @@ import { AppDispatch, RootState } from "reducers";
 import actions from "actions";
 import * as globals from "~/globals";
 import { height, width } from "./util";
-import Graph from "../graph/graph";
+import Graph from "../Graph/Graph";
 import Embedding from "../embedding";
 import { PANEL_EMBEDDING_MINIMIZE_TOGGLE_TEST_ID } from "./constants";
 

client/src/components/embedding/index.tsx

@@ -21,7 +21,7 @@ import { AppDispatch, RootState } from "../../reducers";
 import { LAYOUT_CHOICE_TEST_ID } from "../../util/constants";
 import { Schema } from "../../common/types/schema";
 import { AnnoMatrixObsCrossfilter } from "../../annoMatrix";
-import { sidePanelAttributeNameChange } from "../graph/util";
+import { sidePanelAttributeNameChange } from "../Graph/util";
 import { shouldShowOpenseadragon } from "../../common/selectors";
 import { ImageToggleWrapper, ImageDropdownButton } from "./style";
 import Opacities from "./components/Opacities";