chore(graph): extracted CanvasRenderer typing into types file

packages/library/src/modules/Graph/index.ts

@@ -1,7 +1,6 @@
 export * from './types'
 
 export * from './GraphCanvas2D'
-export * from './strategies/Canvas/types'
 
 export * from './GraphHTMLGrid'
 export * from './strategies/Grid/types'

packages/library/src/modules/Graph/strategies/Canvas/Canvas2DGraph.tsx

@@ -6,7 +6,7 @@ import { useTheme } from 'hooks/useTheme'
 import {
   CanvasRenderer,
   GetCanvasRendererColoursFunction
-} from 'modules/Graph/strategies/Canvas/CanvasRenderer'
+} from 'modules/Graph/strategies/Canvas'
 import { useSelectCommit } from 'hooks/useSelectCommit'
 import styles from './Canvas2DGraph.module.scss'
 

packages/library/src/modules/Graph/strategies/Canvas/CanvasRenderer.ts

@@ -1,40 +1,11 @@
 import { Commit } from 'types/Commit'
 import { CommitNodeLocation, EdgeType, GraphData } from 'data'
-import { CommitNodeColours, NodeTheme } from 'hooks/useTheme'
+import { NodeTheme } from 'hooks/useTheme'
 import { NODE_BORDER_WIDTH, ROW_HEIGHT } from 'constants/constants'
 import { getMergeNodeInnerSize } from 'modules/Graph/utils/getMergeNodeInnerSize'
 import { GraphOrientation } from 'modules/Graph'
 import { getColumnBackgroundSize } from 'modules/Graph/utils/getColumnBackgroundSize'
-import { MousePosition } from 'modules/Graph/strategies/Canvas/types'
-
-export interface CanvasRendererProps {
-  ctx: CanvasRenderingContext2D
-  commits: Commit[]
-  rowSpacing: number
-  graphData: GraphData
-  nodeSize: number
-  nodeTheme: NodeTheme
-  canvasHeight: number
-  canvasWidth: number
-  showTable: boolean
-  selectedCommitHash?: string
-  previewedCommitHash?: string
-  previewBackgroundColour: string
-  orientation: GraphOrientation
-  isIndexVisible: boolean
-  isServerSidePaginated: boolean
-  indexCommit?: Commit
-  headCommit?: Commit
-  getColours: GetCanvasRendererColoursFunction
-}
-
-export type GetCanvasRendererColoursFunction = (columnIndex: number) => CanvasRenderersColours
-
-export interface CanvasRenderersColours {
-  commitNode: CommitNodeColours
-  selectedColumnBackgroundColour: string
-  indexCommitColour: string
-}
+import { CanvasRendererProps, GetCanvasRendererColoursFunction, MousePosition } from './types'
 
 export class CanvasRenderer {
   private readonly ctx: CanvasRenderingContext2D

packages/library/src/modules/Graph/strategies/Canvas/index.ts

@@ -1 +1,3 @@
-export * from './Canvas2DGraph'
+export * from './Canvas2DGraph'
+export * from './CanvasRenderer'
+export * from './types'

packages/library/src/modules/Graph/strategies/Canvas/types.ts

@@ -1,4 +1,38 @@
+import { Commit } from 'types/Commit'
+import { GraphData } from 'data'
+import { CommitNodeColours, NodeTheme } from 'hooks/useTheme'
+import { GraphOrientation } from 'modules/Graph'
+
 export interface MousePosition {
   x: number
   y: number
+}
+
+export interface CanvasRendererProps {
+  ctx: CanvasRenderingContext2D
+  commits: Commit[]
+  rowSpacing: number
+  graphData: GraphData
+  nodeSize: number
+  nodeTheme: NodeTheme
+  canvasHeight: number
+  canvasWidth: number
+  showTable: boolean
+  selectedCommitHash?: string
+  previewedCommitHash?: string
+  previewBackgroundColour: string
+  orientation: GraphOrientation
+  isIndexVisible: boolean
+  isServerSidePaginated: boolean
+  indexCommit?: Commit
+  headCommit?: Commit
+  getColours: GetCanvasRendererColoursFunction
+}
+
+export type GetCanvasRendererColoursFunction = (columnIndex: number) => CanvasRenderersColours
+
+export interface CanvasRenderersColours {
+  commitNode: CommitNodeColours
+  selectedColumnBackgroundColour: string
+  indexCommitColour: string
 }