@alfalab/core-components-chart 3.1.12 → 3.2.0

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

@@ -0,0 +1,88 @@
+import { CoordinatesProps } from './coordinates.types';
+import { DataProps } from './data.types';
+
+export interface DotSettingProps {
+    /**
+     * Значение media query.
+     */
+    media?: number;
+
+    /**
+     * Значение маштаба при ховере.
+     */
+    scale: number;
+
+    /**
+     * Начальный значения маштаба.
+     */
+    initScale: number;
+
+    /**
+     * Ширина точки.
+     */
+    width: number;
+
+    /**
+     * Высота точки.
+     */
+    height: number;
+}
+
+export interface ActiveDotProps {
+    /**
+     * Индекс предыдущей точки.
+     */
+    prev: number | null;
+
+    /**
+     * Индекс активной точки.
+     */
+    active: number | null;
+}
+
+export interface PointProps extends CoordinatesProps {
+    value: string | number;
+    payload: DataProps;
+}
+
+export interface DotProps {
+    /**
+     * Индекс активной точки на графике.
+     */
+    activeDot: null | number;
+
+    /**
+     * Координата Х.
+     */
+    cx: number;
+
+    /**
+     * Координата У.
+     */
+    cy: number;
+
+    /**
+     * Ключ данных.
+     */
+    dataKey: string;
+
+    /**
+     * Параметры точки.
+     */
+    dotSettings?: DotSettingProps;
+
+    /**
+     * Индекс.
+     */
+    index: number;
+
+    /**
+     * Цвет линии.
+     */
+    stroke: string;
+
+    /**
+     * Значения по этим координатам.
+     */
+    value: number;
+}

package/src/types/utils/gradient.types.ts

@@ -0,0 +1,33 @@
+export interface GradientProps {
+    /**
+     * Отступ.
+     */
+    offset: number;
+
+    /**
+     * Цвет.
+     */
+    stopColor: string;
+
+    /**
+     * Значение празрачности.
+     */
+    stopOpacity: number;
+}
+
+export interface LinearGradientProps {
+    /**
+     * Индефикатор графика.
+     */
+    id: string;
+
+    /**
+     * Индефикатор градиента.
+     */
+    gid: string;
+
+    /**
+     * Массив настроек градинта.
+     */
+    points: GradientProps[];
+}

package/src/types/utils/index.ts

@@ -0,0 +1,6 @@
+export * from './axis.types';
+export * from './coordinates.types';
+export * from './data.types';
+export * from './dot.types';
+export * from './gradient.types';
+export * from './tick.types';

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

@@ -0,0 +1,38 @@
+import { XAxisProps } from '../xAxis.types';
+
+export interface TickProps {
+    /*
+     * Полезная нагрузка
+     */
+    payload: {
+        /*
+         * Координата по оси Х
+         */
+        coordinate: number;
+
+        /*
+         * Значение графика
+         */
+        value: number;
+    };
+
+    /**
+     * Функция форматирования
+     */
+    tickFormatter: (value: number | string) => React.ReactText;
+
+    /*
+     * Координата Х
+     */
+    x: number;
+
+    /*
+     * Координата У
+     */
+    y: number;
+
+    /**
+     * Настройки оси Х
+     */
+    xAxis: XAxisProps;
+}

package/src/types/xAxis.types.ts

@@ -0,0 +1,18 @@
+import { AxisProps } from './utils/axis.types';
+
+export interface XAxisProps extends AxisProps {
+    /**
+     * Ключ данных, отображаемых на оси.
+     */
+    dataKey: string | number;
+
+    /**
+     * Ориентация оси
+     */
+    orientation?: 'top' | 'bottom';
+
+    /**
+     * Тип деления оси
+     */
+    tickType?: 'point';
+}

package/src/types/yAxis.types.ts

@@ -0,0 +1,8 @@
+import { AxisProps } from './utils/axis.types';
+
+export interface YAxisProps extends AxisProps {
+    /**
+     * Ориентация оси
+     */
+    orientation?: 'left' | 'right';
+}