@alfalab/core-components-chart 3.3.3 → 3.4.0

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

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

package/moderncssm/types/utils/dot.types.js

@@ -0,0 +1 @@
+

package/moderncssm/types/utils/gradient.types.d.ts

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

package/moderncssm/types/utils/gradient.types.js

@@ -0,0 +1 @@
+

package/moderncssm/types/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./axis.types";
+export * from "./coordinates.types";
+export * from "./data.types";
+export * from "./dot.types";
+export * from "./gradient.types";
+export * from "./tick.types";
+export {};

package/moderncssm/types/utils/index.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { XAxisProps } from "../xAxis.types";
+interface TickProps {
+    payload: {
+        coordinate: number;
+        value: number;
+    };
+    /**
+     * Функция форматирования
+     */
+    tickFormatter: (value: number | string) => React.ReactText;
+    x: number;
+    y: number;
+    /**
+     * Настройки оси Х
+     */
+    xAxis: XAxisProps;
+}
+export { TickProps };

package/moderncssm/types/utils/tick.types.js

@@ -0,0 +1 @@
+

package/moderncssm/types/xAxis.types.d.ts

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

package/moderncssm/types/xAxis.types.js

@@ -0,0 +1 @@
+

package/moderncssm/types/yAxis.types.d.ts

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

package/moderncssm/types/yAxis.types.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-chart",
-    "version": "3.3.3",
+    "version": "3.4.0",
     "description": "Chart component",
     "keywords": [],
     "license": "MIT",
@@ -11,7 +11,7 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-typography": "^4.9.0",
+        "@alfalab/core-components-typography": "^4.10.0",
         "classnames": "^2.3.1",
         "recharts": "^2.1.2",
         "tslib": "^2.4.0"
@@ -22,6 +22,6 @@
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.0.2",
-    "varsVersion": "9.11.1"
+    "themesVersion": "13.1.0",
+    "varsVersion": "9.12.0"
 }

package/src/components/Legends/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .legendContent {
     display: flex;

package/src/components/Tick/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .tickText {
     fill: var(--color-light-text-primary);

package/src/components/TooltipContent/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .tooltip {
     background-color: var(--color-light-base-bg-primary);

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-themes/src/default.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .coreChart {
     & :global(.recharts-line path) {