Fix lint

Author: bernardobelchior

packages/x-charts/src/hooks/useTicks.ts

@@ -47,24 +47,6 @@ export interface TickParams {
   tickLabelPlacement?: 'middle' | 'tick';
 }
 
-export function getTickNumber(
-  params: TickParams & {
-    range: number[];
-    domain: any[];
-  },
-) {
-  const { tickMaxStep, tickMinStep, tickNumber, range, domain } = params;
-
-  const maxTicks =
-    tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
-  const minTicks =
-    tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
-
-  const defaultizedTickNumber = tickNumber ?? Math.floor(Math.abs(range[1] - range[0]) / 50);
-
-  return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
-}
-
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -163,7 +145,7 @@ export function useTicks(
     const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
 
     // Ticks inside the drawing area
-    const visibleTicks = [];
+    const visibleTicks: TickItemType[] = [];
 
     for (let i = 0; i < ticks.length; i += 1) {
       const value = ticks[i];

packages/x-charts/src/internals/getTickNumber.ts

@@ -0,0 +1,19 @@
+import { type TickParams } from '../hooks/useTicks';
+
+export function getTickNumber(
+  params: TickParams & {
+    range: number[];
+    domain: any[];
+  },
+) {
+  const { tickMaxStep, tickMinStep, tickNumber, range, domain } = params;
+
+  const maxTicks =
+    tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
+  const minTicks =
+    tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
+
+  const defaultizedTickNumber = tickNumber ?? Math.floor(Math.abs(range[1] - range[0]) / 50);
+
+  return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
+}

packages/x-charts/src/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.ts

@@ -1,4 +1,5 @@
 import { scaleBand, scalePoint, scaleTime } from '@mui/x-charts-vendor/d3-scale';
+import { getTickNumber } from '../../../getTickNumber';
 import { AxisConfig, ScaleName } from '../../../../models';
 import {
   ChartsXAxisProps,
@@ -13,7 +14,6 @@ import {
 } from '../../../../models/axis';
 import { CartesianChartSeriesType, ChartSeriesType } from '../../../../models/seriesType/config';
 import { getColorScale, getOrdinalColorScale } from '../../../colorScale';
-import { getTickNumber } from '../../../../hooks/useTicks';
 import { getScale } from '../../../getScale';
 import { zoomScaleRange } from './zoom';
 import { getAxisExtremum } from './getAxisExtremum';

packages/x-charts/src/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.ts

@@ -1,4 +1,5 @@
 import { scaleBand, scalePoint, scaleTime } from '@mui/x-charts-vendor/d3-scale';
+import { getTickNumber } from '../../../getTickNumber';
 import { AxisConfig, ScaleName } from '../../../../models';
 import {
   ChartsAxisProps,
@@ -12,7 +13,6 @@ import {
 } from '../../../../models/axis';
 import { ChartSeriesType, PolarChartSeriesType } from '../../../../models/seriesType/config';
 import { getColorScale, getOrdinalColorScale } from '../../../colorScale';
-import { getTickNumber } from '../../../../hooks/useTicks';
 import { getScale } from '../../../getScale';
 import { getAxisExtremum } from './getAxisExtremum';
 import type { ChartDrawingArea } from '../../../../hooks';