File layoutRenderer.ts has 1594 lines of code (exceeds 300 allowed). Consider refactoring.

Open

import { contractColorForTheme } from '@teable/core';
import { isEqual, groupBy, cloneDeep } from 'lodash';
import type { IGridTheme } from '../../configs';
import { GRID_DEFAULT, ROW_RELATED_REGIONS } from '../../configs';
import type { IVisibleRegion } from '../../hooks';

Function calcCells has a Cognitive Complexity of 51 (exceeds 5 allowed). Consider refactoring.

Open

export const calcCells = (props: ILayoutDrawerProps, renderRegion: RenderRegion) => {
  const {
    coordInstance,
    visibleRegion,
    activeCell,

• Read up
  Read up

Function drawColumnStatistics has a Cognitive Complexity of 36 (exceeds 5 allowed). Consider refactoring.

Open

export const drawColumnStatistics = (
  ctx: CanvasRenderingContext2D,
  props: ILayoutDrawerProps,
  renderRegion: RenderRegion
  // eslint-disable-next-line sonarjs/cognitive-complexity

• Read up
  Read up

Function drawRowHeader has a Cognitive Complexity of 28 (exceeds 5 allowed). Consider refactoring.

Open

export const drawRowHeader = (ctx: CanvasRenderingContext2D, props: IRowHeaderDrawerProps) => {
  const {
    x,
    y,
    width,

• Read up
  Read up

Function drawStatisticCell has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export const drawStatisticCell = (
  ctx: CanvasRenderingContext2D,
  props: IGroupStatisticDrawerProps
) => {
  const {

• Read up
  Read up

Function drawColumnHeaders has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export const drawColumnHeaders = (
  ctx: CanvasRenderingContext2D,
  props: ILayoutDrawerProps,
  renderRegion: RenderRegion
  // eslint-disable-next-line sonarjs/cognitive-complexity

• Read up
  Read up

Function drawCollaborators has a Cognitive Complexity of 10 (exceeds 5 allowed). Consider refactoring.

Open

export const drawCollaborators = (ctx: CanvasRenderingContext2D, props: ILayoutDrawerProps) => {
  const {
    collaborators,
    scrollState,
    coordInstance,

• Read up
  Read up

Consider simplifying this complex logical expression.

Open

        if (linearRowType === LinearRowType.Group) {
          const { id, depth } = linearRow;
          const text = columnStatistics[columnId ?? name]?.[id];

          const labelWidth = isFirstColumn

Function getVisibleCollaborators has a Cognitive Complexity of 9 (exceeds 5 allowed). Consider refactoring.

Open

const getVisibleCollaborators = (
  collaborators: ICollaborator,
  visibleRegion: IVisibleRegion,
  freezeColumnCount: number,
  getCellContent: (cell: ICellItem) => ICell

• Read up
  Read up

Function drawCacheContent has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

export const drawCacheContent = (
  cacheCanvas: HTMLCanvasElement | undefined,
  props: ICacheDrawerProps
) => {
  if (!cacheCanvas) return;

• Read up
  Read up

Function drawActiveCell has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

export const drawActiveCell = (ctx: CanvasRenderingContext2D, props: ILayoutDrawerProps) => {
  const {
    theme,
    mouseState,
    scrollState,

• Read up
  Read up

Function drawColumnHeader has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.

Open

export const drawColumnHeader = (ctx: CanvasRenderingContext2D, props: IFieldHeadDrawerProps) => {
  const { x, y, width, height, theme, fill, column, hasMenu, spriteManager } = props;
  const { name, icon, description, hasMenu: hasColumnMenu, isPrimary } = column;
  const {
    cellLineColor,

• Read up
  Read up

Function drawGrid has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.

Open

export const drawGrid = (
  mainCanvas: HTMLCanvasElement,
  cacheCanvas: HTMLCanvasElement,
  props: ILayoutDrawerProps,
  lastProps?: ILayoutDrawerProps

• Read up
  Read up

Function drawGridHeader has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

export const drawGridHeader = (ctx: CanvasRenderingContext2D, props: IGridHeaderDrawerProps) => {
  const { x, y, width, height, theme, rowControls, isChecked, isMultiSelectionEnable } = props;
  const {
    iconSizeXS,
    staticWhite,

• Read up
  Read up