Cleaned up FrontendTypes.jsx

Co-authored-by: Mark Teets <[email protected]>
Co-authored-by: Jasmine <[email protected]>
Co-authored-by: Minzo Kim <[email protected]>

Author: 4 people

src/app/components/FrontendTypes.ts

@@ -1,36 +1,40 @@
 import { SeriesPoint } from '@visx/shape/lib/types';
 
-// PerformanceVisx types
-
+export interface ActionObj {
+  name: string;
+  seriesName: string;
+  currentTab: string;
+}
 export interface Series {
   data: {
     barStack: ActionObj[];
   };
   name: string;
 }
 
-// interface Event {
-//     target: EventTarget
-// }
-
-// interface EventTarget {
-//   x: WithParentSizeProvidedProps,
-//   y: OptionalKeys,
-//   value?: idk
-//   }
-
-export interface ActionObj {
-  name: string;
-  seriesName: string;
-  currentTab: string;
-}
-
 export interface PerfData {
   barStack: BarStackProp[];
   componentData?: Record<string, unknown>;
   maxTotalRender: number;
 }
 
+export interface PerformanceVisxProps {
+  width: number;
+  height: number;
+  snapshots: [];
+  hierarchy: any;
+}
+
+export interface TreeProps {
+  snapshot: {
+    name?: string;
+    componentData?: object;
+    state?: string | object;
+    stateSnaphot?: object;
+    children?: any[];
+  };
+}
+
 export interface BarStackProp {
   snapshotId: string;
   route: string;
@@ -96,7 +100,7 @@ export interface BarGraphComparisonAction {
   setAction: (e: boolean | string) => void;
 }
 
-interface StateContainerProps {
+export interface StateContainerProps {
   snapshot: Record<
     number,
     {
@@ -128,4 +132,192 @@ export interface Obj {
   branch: number;
   index: number;
   children?: [];
+}
+
+export interface InitialStateProps {
+  port: null | number;
+  currentTab: null | number;
+  currentTitle: null | string;
+  split: null | boolean;
+  tabs: unknown;
+  currentTabInApp: null | string;
+}
+
+export interface DiffProps {
+  snapshot: { state?: Record<string, unknown> };
+  show?: boolean | undefined;
+}
+
+/**
+ * @template ActionProps Props for the action component
+ */
+
+export interface ActionProps {
+  key: string;
+  selected: boolean;
+  last: boolean;
+  index: number;
+  sliderIndex: number;
+  dispatch: (a: { type: string; payload: unknown; }) => void;
+  displayName: string;
+  componentName: string;
+  componentData: { actualDuration: number } | undefined;
+  routePath: unknown;
+  state?: Record<string, unknown>;
+  viewIndex: number | undefined;
+  isCurrIndex: boolean;
+  handleOnkeyDown: (e: unknown, i: number) => void;
+}
+
+export interface DiffRouteProps {
+  snapshot: Record<
+    string,
+    {
+      name?: string;
+      componentData?: Record<string, unknown>;
+      state?: string | unknown;
+      stateSnaphot?: Record<string, unknown>;
+      children?: unknown[];
+    }
+  >;
+}
+
+export interface HandleProps {
+  value: number;
+  dragging: boolean;
+  index: number;
+}
+
+export interface MainSliderProps {
+  snapshotsLength: number;
+}
+
+export interface DefaultMargin {
+  top: number;
+  left: number;
+  right: number;
+  bottom: number;
+}
+
+export interface StateRouteProps {
+  snapshot: {
+    name?: string;
+    componentData?: object;
+    state?: string | object;
+    stateSnaphot?: object;
+    children?: any[];
+  };
+  hierarchy: any;
+  snapshots: [];
+  viewIndex: number;
+  webMetrics: object;
+  currLocation: object;
+}
+
+export interface DropdownProps {
+  selectedSpeed: { value: number; label: string };
+  speeds: { value: number; label: string }[];
+  setSpeed: () => void;
+}
+
+export interface TutorialProps {
+  dispatch: (object) => void;
+  currentTabInApp: string;
+}
+
+export interface TutorialState {
+  stepsEnabled: boolean;
+}
+
+export interface StepsObj {
+  title: string;
+  element?: string;
+  intro: string;
+  position: string;
+}
+
+export interface LinkControlProps {
+  layout: string;
+  orientation: string;
+  linkType: string;
+  stepPercent: number;
+  selectedNode: string;
+  setLayout: (layout: string) => void;
+  setOrientation: (orientation: string) => void;
+  setLinkType: (linkType: string) => void;
+  setStepPercent: (percent: number) => void;
+  setSelectedNode: (selectedNode: string) => void;
+  snapShots: Record<string, unknown>;
+};
+
+export interface ControlStyles {
+  fontSize: string;
+  padding: string;
+}
+
+export interface DropDownStyle {
+  margin: string;
+  fontSize: string;
+  fontFamily: string;
+  borderRadius: string;
+  borderStyle: string;
+  borderWidth: string;
+  backgroundColor: string;
+  color: string;
+  padding: string;
+}
+
+export interface Node {
+  children?: Node[];
+  name?: string
+  // other properties here
+}
+
+export interface LinkComponent {
+  layout: string;
+  linkType: string;
+  orientation: string;
+}
+
+export interface LinkTypesProps {
+  width: number;
+  height: number;
+  margin?: { top: number; right: number; bottom: number; left: number };
+  snapshots: Record<string, unknown>;
+  currentSnapshot?: Record<string, unknown>;
+};
+
+export interface ToolTipStyles {
+  defaultStyles: React.CSSProperties;
+  minWidth: number;
+  maxWidth: number;
+  backgroundColor: string;
+  color: string;
+  fontSize: string;
+  lineHeight: string;
+  fontFamily: string;
+  zIndex: number;
+  pointerEvents: string;
+}
+
+export interface OptionsCursorTrueWithMargin {
+  followCursor: boolean;
+  shiftX: number;
+  shiftY: number;
+}
+
+export interface StatelessCleanning {
+  name?: string;
+  componentData?: Record<string, unknown>;
+  state?: string | {};
+  stateSnaphot?: Record<string, unknown>;
+  children?: StatelessCleanning[];
+}
+
+export interface Snapshots {
+  snapshot: number;
+  component1: number;
+  component2: number;
+  component3: number;
+  'all others': number;
 }