@alfalab/core-components-chart 3.4.11 → 3.4.12-snapshot-1393ffa

package/{cssm → moderncssm/src}/types/tooltip.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactText, SVGProps } from 'react';
 import { AnimationTiming } from 'recharts/types/util/types';
-interface TooltipProps {
+export interface TooltipProps {
     /**
      * Разделитель между именем и значением.
      */
@@ -67,4 +67,3 @@ interface TooltipProps {
      */
     content?: any;
 }
-export { TooltipProps };

package/{cssm → moderncssm/src}/types/utils/axis.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, SVGProps } from 'react';
-interface AxisProps {
+export interface AxisProps {
     /**
      * Скрыть ось
      */
@@ -65,4 +65,3 @@ interface AxisProps {
      */
     tick?: SVGProps<SVGTextElement> | ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | boolean;
 }
-export { AxisProps };

package/moderncssm/{types → src/types}/utils/coordinates.types.d.ts

@@ -1,4 +1,4 @@
-interface CoordinatesProps {
+export interface CoordinatesProps {
     /**
      * Значение координаты х.
      */
@@ -8,4 +8,3 @@ interface CoordinatesProps {
      */
     y: number;
 }
-export { CoordinatesProps };

package/{cssm → moderncssm/src}/types/utils/data.types.d.ts

@@ -1,4 +1,4 @@
-interface DataProps {
+export interface DataProps {
     /**
      * Метка
      */
@@ -8,10 +8,9 @@ interface DataProps {
      */
     value: number;
 }
-interface DataDynamicProps {
+export interface DataDynamicProps {
     [key: string]: number | string;
 }
-interface DataDynamicBooleanProps {
+export interface DataDynamicBooleanProps {
     [key: string]: boolean;
 }
-export { DataProps, DataDynamicProps, DataDynamicBooleanProps };

package/moderncssm/{types → src/types}/utils/dot.types.d.ts

@@ -1,6 +1,6 @@
-import { CoordinatesProps } from "./coordinates.types";
-import { DataProps } from "./data.types";
-interface DotSettingProps {
+import { CoordinatesProps } from './coordinates.types';
+import { DataProps } from './data.types';
+export interface DotSettingProps {
     /**
      * Значение media query.
      */
@@ -22,7 +22,7 @@ interface DotSettingProps {
      */
     height: number;
 }
-interface ActiveDotProps {
+export interface ActiveDotProps {
     /**
      * Индекс предыдущей точки.
      */
@@ -32,11 +32,11 @@ interface ActiveDotProps {
      */
     active: number | null;
 }
-interface PointProps extends CoordinatesProps {
+export interface PointProps extends CoordinatesProps {
     value: string | number;
     payload: DataProps;
 }
-interface DotProps {
+export interface DotProps {
     /**
      * Индекс активной точки на графике.
      */
@@ -70,4 +70,3 @@ interface DotProps {
      */
     value: number;
 }
-export { DotSettingProps, ActiveDotProps, PointProps, DotProps };

package/{esm → moderncssm/src}/types/utils/gradient.types.d.ts

@@ -1,4 +1,4 @@
-interface GradientProps {
+export interface GradientProps {
     /**
      * Отступ.
      */
@@ -12,7 +12,7 @@ interface GradientProps {
      */
     stopOpacity: number;
 }
-interface LinearGradientProps {
+export interface LinearGradientProps {
     /**
      * Индефикатор графика.
      */
@@ -26,4 +26,3 @@ interface LinearGradientProps {
      */
     points: GradientProps[];
 }
-export { GradientProps, LinearGradientProps };

package/moderncssm/src/types/utils/index.d.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/{cssm → moderncssm/src}/types/utils/tick.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { XAxisProps } from "../xAxis.types";
-interface TickProps {
+import { XAxisProps } from '../xAxis.types';
+export interface TickProps {
     payload: {
         coordinate: number;
         value: number;
@@ -16,4 +16,3 @@ interface TickProps {
      */
     xAxis: XAxisProps;
 }
-export { TickProps };

package/moderncssm/{types → src/types}/xAxis.types.d.ts

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

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

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

package/moderncssm/types/brush.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=brush.types.js.map

package/moderncssm/types/brush.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brush.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/cartesianGrid.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=cartesianGrid.types.js.map

package/moderncssm/types/cartesianGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianGrid.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/chart.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=chart.types.js.map

package/moderncssm/types/chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/composedChart.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=composedChart.types.js.map

package/moderncssm/types/composedChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composedChart.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/moderncssm/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/labelList.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=labelList.types.js.map

package/moderncssm/types/labelList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelList.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/legend.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=legend.types.js.map

package/moderncssm/types/legend.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/options.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=options.types.js.map

package/moderncssm/types/options.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/payload.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=payload.types.js.map

package/moderncssm/types/payload.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payload.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/responsiveContainer.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=responsiveContainer.types.js.map

package/moderncssm/types/responsiveContainer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveContainer.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/seria.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=seria.types.js.map

package/moderncssm/types/seria.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seria.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/tooltip.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=tooltip.types.js.map

package/moderncssm/types/tooltip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/utils/axis.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=axis.types.js.map

package/moderncssm/types/utils/axis.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/utils/coordinates.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=coordinates.types.js.map

package/moderncssm/types/utils/coordinates.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinates.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/utils/data.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=data.types.js.map

package/moderncssm/types/utils/data.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1,2 @@
 
+//# sourceMappingURL=dot.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dot.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1,2 @@
 
+//# sourceMappingURL=gradient.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/utils/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/moderncssm/types/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1,2 @@
 
+//# sourceMappingURL=tick.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tick.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/xAxis.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=xAxis.types.js.map

package/moderncssm/types/xAxis.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xAxis.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/types/yAxis.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=yAxis.types.js.map

package/moderncssm/types/yAxis.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yAxis.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-chart",
-    "version": "3.4.11",
+    "version": "3.4.12-snapshot-1393ffa",
     "description": "Chart component",
     "keywords": [],
     "license": "MIT",
@@ -12,17 +12,14 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@alfalab/core-components-typography": "^4.13.0",
+        "@alfalab/core-components-typography": "4.13.1-snapshot-1393ffa",
         "classnames": "^2.5.1",
         "recharts": "^2.12.7",
         "tslib": "^2.4.0"
     },
-    "devDependencies": {
-        "@types/react-transition-group": "^4.4.5"
-    },
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
-    "themesVersion": "13.7.2",
-    "varsVersion": "9.20.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/src/Component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { OptionsProps } from './types';
+export declare const Chart: {
+    (props: OptionsProps): React.JSX.Element | null;
+    displayName: string;
+};

package/src/components/CustomizedLabel.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomizedLabel: React.FC<any>;

package/src/components/Dot/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DotProps } from '../../types/utils/dot.types';
+export declare const Dot: React.ForwardRefExoticComponent<DotProps & React.RefAttributes<SVGSVGElement>>;

package/src/components/Legends/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { LegendProps } from '../../types/legend.types';
+import { SeriaProps } from '../../types/seria.types';
+import { DataDynamicBooleanProps } from '../../types/utils/data.types';
+interface Props {
+    legend: LegendProps;
+    series: SeriaProps[];
+    id: string;
+    charts: DataDynamicBooleanProps;
+    toggleChart(item: SeriaProps): void;
+}
+export declare const Legends: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
+export {};

package/src/components/LinearGradient.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LinearGradientProps } from '../types/utils/gradient.types';
+export declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement;

package/src/components/RectBar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;

package/src/components/Tick/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TickProps } from '../../types/utils/tick.types';
+export declare const Tick: ({ y, payload, tickFormatter, xAxis }: TickProps) => React.JSX.Element;

package/src/components/TooltipContent/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PayloadProps } from '../../types/payload.types';
+import { SeriaProps } from '../../types/seria.types';
+import { TooltipProps } from '../../types/tooltip.types';
+export interface TooltipContentProps extends TooltipProps {
+    payload: PayloadProps[];
+    series: SeriaProps[];
+}
+export declare const TooltipContent: ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }: TooltipContentProps) => React.JSX.Element | null;

package/src/hoc/Customized.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomizedHOC: (Component: any, options: any) => (props: any) => React.JSX.Element;

package/src/hoc/Customized.tsx

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React from 'react';
+
+export const CustomizedHOC = (Component: any, options: any) => {
+    const NewComponent = (props: any) => <Component {...props} {...options} />;
+
+    return NewComponent;
+};

package/src/hooks/usePathBar/index.d.ts

@@ -0,0 +1,13 @@
+import { RadiusProp } from '../../types/seria.types';
+export declare type usePathBarProps = {
+    radius?: RadiusProp;
+    height: number;
+    background?: {
+        x: number;
+        y: number;
+        height: number;
+        width: number;
+    };
+    y?: number;
+};
+export declare const usePathBar: (props: usePathBarProps) => number[];

package/src/hooks/usePathBar/utils/getRadius.d.ts

@@ -0,0 +1 @@
+export declare const getRadius: (height: number, radius: number) => number;

package/src/hooks/useSettings/index.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { OptionsProps } from '../../types/options.types';
+import { DataDynamicBooleanProps, DataDynamicProps } from '../../types/utils/data.types';
+declare type Settings = [
+    {
+        state: OptionsProps | null;
+        data: DataDynamicProps[];
+        charts: DataDynamicBooleanProps;
+        filterCount: number;
+    },
+    {
+        setState: Dispatch<SetStateAction<OptionsProps | null>>;
+        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;
+        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;
+        setFilterCount: Dispatch<SetStateAction<number>>;
+    }
+];
+export declare const useSettings: (options: OptionsProps) => Settings;
+export {};

package/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts

@@ -0,0 +1,12 @@
+import { BrushProps } from '../../../types/brush.types';
+import { ComposedChartProps } from '../../../types/composedChart.types';
+import { LegendProps } from '../../../types/legend.types';
+import { XAxisProps } from '../../../types/xAxis.types';
+declare type ComposedChartsMarginResultProps = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export declare const setComposedChartsMargin: (composeChart: ComposedChartProps, legend: LegendProps | undefined, brush: BrushProps | undefined, xAxis: XAxisProps) => ComposedChartsMarginResultProps;
+export {};

package/src/hooks/useSettings/utils/setDatas.d.ts

@@ -0,0 +1,5 @@
+import { SeriaProps } from '../../../types/seria.types';
+import { DataDynamicBooleanProps, DataDynamicProps } from '../../../types/utils/data.types';
+declare type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
+export declare const setDatas: (series: SeriaProps[], labels: Array<string | number>) => DatasResultProps;
+export {};

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

@@ -0,0 +1,2 @@
+import { SeriaProps } from '../../../types/seria.types';
+export declare const setGradientCharts: (series: SeriaProps[]) => SeriaProps[];

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

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

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

@@ -0,0 +1,2 @@
+import { SeriaProps } from '../../../types/seria.types';
+export declare const sortByIndex: (series: SeriaProps[]) => SeriaProps[];

package/src/icons/Circle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const CircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/src/icons/CircleLine.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement;
+export {};

package/src/icons/FilledCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const FilledCircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/src/icons/Point.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const PointIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/src/icons/StrokeCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const StrokeCircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Component';
+export * from './types';

package/src/types/brush.types.d.ts

@@ -0,0 +1,40 @@
+import { ReactText } from 'react';
+import { DataKey } from 'recharts/types/util/types';
+export interface BrushProps {
+    /**
+     * Ключ данных
+     */
+    dataKey?: DataKey<string>;
+    /**
+     * Ширина ползунков
+     */
+    travallerWidth?: number;
+    /**
+     * Начальный индекс интервала показа
+     */
+    startIndex?: number;
+    /**
+     * Конечный индекс интервала показа
+     */
+    endIndex?: number;
+    /**
+     * Отступ
+     */
+    brushMargin?: number;
+    /**
+     * Высота
+     */
+    height: number;
+    /**
+     * Форматирование значений
+     */
+    tickFormatter?: (value: any, index: number) => ReactText;
+    /**
+     * Всегда показывать значение текущего интервала
+     */
+    alwaysShowText?: boolean;
+    /**
+     * Цвет
+     */
+    stroke?: string;
+}

package/src/types/cartesianGrid.types.d.ts

@@ -0,0 +1,22 @@
+export interface CartesianGridProps {
+    /**
+     * Отображение горизонтальной сетки
+     */
+    horizontal?: boolean;
+    /**
+     * Отображение вертикальной сетки
+     */
+    vertical?: boolean;
+    /**
+     * Штрихи для осей
+     */
+    strokeDasharray?: string;
+    /**
+     * Цвет разметки сетки
+     */
+    stroke?: string;
+    /**
+     * Цвет заливки графика
+     */
+    fill?: string;
+}