@alfalab/core-components-chart 4.0.1 → 4.0.2

package/src/hooks/useSettings/utils/setGradientCharts.ts

@@ -1,5 +1,5 @@
-import { SeriaProps } from '../../../types/seria.types';
-import { DataProps } from '../../../types/utils/data.types';
+import { type SeriaProps } from '../../../types/seria.types';
+import { type DataProps } from '../../../types/utils/data.types';
 
 export const setGradientCharts = (series: SeriaProps[]): SeriaProps[] => {
     const filterSeries = series.filter((item) => item.chart !== 'gradient');

package/src/hooks/useSettings/utils/setLegendMargin.ts

@@ -1,5 +1,5 @@
-import { BrushProps } from '../../../types/brush.types';
-import { LegendProps } from '../../../types/legend.types';
+import { type BrushProps } from '../../../types/brush.types';
+import { type LegendProps } from '../../../types/legend.types';
 
 export const setLegendMargin = (brush: BrushProps, legend: LegendProps): number => {
     let top = 0;

package/src/hooks/useSettings/utils/sortByIndex.ts

@@ -1,4 +1,4 @@
-import { SeriaProps } from '../../../types/seria.types';
+import { type SeriaProps } from '../../../types/seria.types';
 
 export const sortByIndex = (series: SeriaProps[]): SeriaProps[] =>
     series.sort((a: SeriaProps, b: SeriaProps) => {

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .coreChart {
     & :global(.recharts-line path) {
@@ -13,7 +13,9 @@
 }
 
 .bar {
-    transition: opacity 0.2s ease-out, d 0.2s ease-out;
+    transition:
+        opacity 0.2s ease-out,
+        d 0.2s ease-out;
 }
 
 .unfocused {

package/src/types/brush.types.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ReactText } from 'react';
-import { DataKey } from 'recharts/types/util/types';
+import { type ReactText } from 'react';
+import { type DataKey } from 'recharts/types/util/types';
 
 export interface BrushProps {
     /**

package/src/types/chart.types.ts

@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ReactElement } from 'react';
-import { RectangleProps } from 'recharts';
-import { DataKey } from 'recharts/types/util/types';
+import { type ReactElement } from 'react';
+import { type RectangleProps } from 'recharts';
+import { type DataKey } from 'recharts/types/util/types';
 
-import { DataProps } from './utils/data.types';
-import { DotSettingProps } from './utils/dot.types';
+import { type DataProps } from './utils/data.types';
+import { type DotSettingProps } from './utils/dot.types';
 
 type CurveType = 'linear' | 'monotone' | 'step';
 

package/src/types/legend.types.ts

@@ -1,4 +1,4 @@
-import { Formatter } from 'recharts/types/component/DefaultLegendContent';
+import { type Formatter } from 'recharts/types/component/DefaultLegendContent';
 
 export interface LegendProps {
     /**

package/src/types/options.types.ts

@@ -1,14 +1,14 @@
-import React from 'react';
+import type React from 'react';
 
-import { BrushProps } from './brush.types';
-import { CartesianGridProps } from './cartesianGrid.types';
-import { ComposedChartProps } from './composedChart.types';
-import { LegendProps } from './legend.types';
-import { ResponsiveContainerProps } from './responsiveContainer.types';
-import { SeriaProps } from './seria.types';
-import { TooltipProps } from './tooltip.types';
-import { XAxisProps } from './xAxis.types';
-import { YAxisProps } from './yAxis.types';
+import { type BrushProps } from './brush.types';
+import { type CartesianGridProps } from './cartesianGrid.types';
+import { type ComposedChartProps } from './composedChart.types';
+import { type LegendProps } from './legend.types';
+import { type ResponsiveContainerProps } from './responsiveContainer.types';
+import { type SeriaProps } from './seria.types';
+import { type TooltipProps } from './tooltip.types';
+import { type XAxisProps } from './xAxis.types';
+import { type YAxisProps } from './yAxis.types';
 
 export interface OptionsProps {
     /**

package/src/types/payload.types.ts

@@ -1,4 +1,4 @@
-import { DataDynamicBooleanProps } from './utils/data.types';
+import { type DataDynamicBooleanProps } from './utils/data.types';
 
 export interface PayloadProps {
     /**

package/src/types/responsiveContainer.types.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 export interface ResponsiveContainerProps {
     /**

package/src/types/seria.types.ts

@@ -1,7 +1,7 @@
-import { DataProps } from './utils/data.types';
-import { GradientProps } from './utils/gradient.types';
-import { ChartProps } from './chart.types';
-import { LabelListProps } from './labelList.types';
+import { type DataProps } from './utils/data.types';
+import { type GradientProps } from './utils/gradient.types';
+import { type ChartProps } from './chart.types';
+import { type LabelListProps } from './labelList.types';
 
 export type RadiusProp = {
     top?: number;

package/src/types/tooltip.types.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ReactElement, ReactText, SVGProps } from 'react';
-import { AnimationTiming } from 'recharts/types/util/types';
+import { type ReactElement, type ReactText, type SVGProps } from 'react';
+import { type AnimationTiming } from 'recharts/types/util/types';
 
 export interface TooltipProps {
     /**

package/src/types/utils/axis.types.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ReactElement, SVGProps } from 'react';
+import { type ReactElement, type SVGProps } from 'react';
 
 export interface AxisProps {
     /**

package/src/types/utils/dot.types.ts

@@ -1,5 +1,5 @@
-import { CoordinatesProps } from './coordinates.types';
-import { DataProps } from './data.types';
+import { type CoordinatesProps } from './coordinates.types';
+import { type DataProps } from './data.types';
 
 export interface DotSettingProps {
     /**

package/src/types/utils/tick.types.ts

@@ -1,4 +1,4 @@
-import { XAxisProps } from '../xAxis.types';
+import { type XAxisProps } from '../xAxis.types';
 
 export interface TickProps {
     /*

package/src/types/xAxis.types.ts

@@ -1,4 +1,4 @@
-import { AxisProps } from './utils/axis.types';
+import { type AxisProps } from './utils/axis.types';
 
 export interface XAxisProps extends AxisProps {
     /**

package/src/types/yAxis.types.ts

@@ -1,4 +1,4 @@
-import { AxisProps } from './utils/axis.types';
+import { type AxisProps } from './utils/axis.types';
 
 export interface YAxisProps extends AxisProps {
     /**

package/types/brush.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactText } from 'react';
-import { DataKey } from 'recharts/types/util/types';
+import { type ReactText } from 'react';
+import { type DataKey } from 'recharts/types/util/types';
 export interface BrushProps {
     /**
      * Ключ данных

package/types/chart.types.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
-import { RectangleProps } from 'recharts';
-import { DataKey } from 'recharts/types/util/types';
-import { DataProps } from './utils/data.types';
-import { DotSettingProps } from './utils/dot.types';
+import { type ReactElement } from 'react';
+import { type RectangleProps } from 'recharts';
+import { type DataKey } from 'recharts/types/util/types';
+import { type DataProps } from './utils/data.types';
+import { type DotSettingProps } from './utils/dot.types';
 declare type CurveType = 'linear' | 'monotone' | 'step';
 export declare type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
 export interface ChartProps {

package/types/legend.types.d.ts

@@ -1,4 +1,4 @@
-import { Formatter } from 'recharts/types/component/DefaultLegendContent';
+import { type Formatter } from 'recharts/types/component/DefaultLegendContent';
 export interface LegendProps {
     /**
      * Выравнивание элементов легенды в вертикальном направлении.

package/types/options.types.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { BrushProps } from './brush.types';
-import { CartesianGridProps } from './cartesianGrid.types';
-import { ComposedChartProps } from './composedChart.types';
-import { LegendProps } from './legend.types';
-import { ResponsiveContainerProps } from './responsiveContainer.types';
-import { SeriaProps } from './seria.types';
-import { TooltipProps } from './tooltip.types';
-import { XAxisProps } from './xAxis.types';
-import { YAxisProps } from './yAxis.types';
+import type React from 'react';
+import { type BrushProps } from './brush.types';
+import { type CartesianGridProps } from './cartesianGrid.types';
+import { type ComposedChartProps } from './composedChart.types';
+import { type LegendProps } from './legend.types';
+import { type ResponsiveContainerProps } from './responsiveContainer.types';
+import { type SeriaProps } from './seria.types';
+import { type TooltipProps } from './tooltip.types';
+import { type XAxisProps } from './xAxis.types';
+import { type YAxisProps } from './yAxis.types';
 export interface OptionsProps {
     /**
      * Индефикатор графика

package/types/payload.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DataDynamicBooleanProps } from './utils/data.types';
+import { type DataDynamicBooleanProps } from './utils/data.types';
 export interface PayloadProps {
     /**
      * Цвет графика

package/types/responsiveContainer.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface ResponsiveContainerProps {
     /**
      * Debounce функция при ресайзе

package/types/seria.types.d.ts

@@ -1,7 +1,7 @@
-import { DataProps } from './utils/data.types';
-import { GradientProps } from './utils/gradient.types';
-import { ChartProps } from './chart.types';
-import { LabelListProps } from './labelList.types';
+import { type DataProps } from './utils/data.types';
+import { type GradientProps } from './utils/gradient.types';
+import { type ChartProps } from './chart.types';
+import { type LabelListProps } from './labelList.types';
 export declare type RadiusProp = {
     top?: number;
     bottom?: number;

package/types/tooltip.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactText, SVGProps } from 'react';
-import { AnimationTiming } from 'recharts/types/util/types';
+import { type ReactElement, type ReactText, type SVGProps } from 'react';
+import { type AnimationTiming } from 'recharts/types/util/types';
 export interface TooltipProps {
     /**
      * Разделитель между именем и значением.

package/types/utils/axis.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, SVGProps } from 'react';
+import { type ReactElement, type SVGProps } from 'react';
 export interface AxisProps {
     /**
      * Скрыть ось

package/types/utils/dot.types.d.ts

@@ -1,5 +1,5 @@
-import { CoordinatesProps } from './coordinates.types';
-import { DataProps } from './data.types';
+import { type CoordinatesProps } from './coordinates.types';
+import { type DataProps } from './data.types';
 export interface DotSettingProps {
     /**
      * Значение media query.

package/types/utils/tick.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { XAxisProps } from '../xAxis.types';
+import { type XAxisProps } from '../xAxis.types';
 export interface TickProps {
     payload: {
         coordinate: number;

package/types/xAxis.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisProps } from './utils/axis.types';
+import { type AxisProps } from './utils/axis.types';
 export interface XAxisProps extends AxisProps {
     /**
      * Ключ данных, отображаемых на оси.

package/types/yAxis.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisProps } from './utils/axis.types';
+import { type AxisProps } from './utils/axis.types';
 export interface YAxisProps extends AxisProps {
     /**
      * Ориентация оси