@evergis/charts 3.1.6 → 3.1.8

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Kirill Protasov
+Copyright (c) 2025 Everpoint
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/README.md

@@ -1,5 +1,15 @@
 # @evergis/charts
 
+Библиотека графиков.
+
+В процессе разработки используем `Storybook`.
+
+```shell
+$ yarn storybook
+```
+
+Создав новый компонент, обязательно добавляем примеры его использования в `stories`.
+
 ## Важно
 
 - Стилизовать графики необходимо импортируя названия классов из библиотеки.

package/dist/charts/BarChart/draw.d.ts

@@ -1,2 +1,2 @@
-import { BarChartProps } from './types';
-export declare const draw: (node: HTMLElement | null, props: BarChartProps) => void;
+import { BarChartProps } from './types';
+export declare const draw: (node: HTMLElement | null, props: BarChartProps) => void;

package/dist/charts/BarChart/drawGrid/index.d.ts

@@ -1,2 +1,2 @@
-import { DrawGridProps } from './types';
-export declare const drawGrid: ({ svg, yScale, xScale, yTicksCount, drawGridX, drawGridY, }: DrawGridProps) => void;
+import { DrawGridProps } from './types';
+export declare const drawGrid: ({ svg, yScale, xScale, yTicksCount, drawGridX, drawGridY, }: DrawGridProps) => void;

package/dist/charts/BarChart/drawGrid/types.d.ts

@@ -1,8 +1,8 @@
-import * as d3 from 'd3';
-import { BarChartProps } from '../types';
-export declare type DrawGridProps = {
-    svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
-    yScale: d3.ScaleLinear<number, number>;
-    xScale: d3.ScaleBand<string>;
-    yTicksCount: number;
-} & Pick<BarChartProps, 'drawGridX' | 'drawGridY'>;
+import { BarChartProps } from '../types';
+import * as d3 from 'd3';
+export type DrawGridProps = {
+    svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
+    yScale: d3.ScaleLinear<number, number>;
+    xScale: d3.ScaleBand<string>;
+    yTicksCount: number;
+} & Pick<BarChartProps, 'drawGridX' | 'drawGridY'>;

package/dist/charts/BarChart/drawLines/index.d.ts

@@ -1,13 +1,13 @@
-import * as d3 from 'd3';
-import { DrawLinesProps } from './types';
-export declare const barChartLinesClassNames: {
-    barChartLinesGlobal: string;
-    barChartLine: string;
-    barChartAreasGlobal: string;
-    barChartArea: string;
-};
-export declare const drawLines: ({ svg, lineData, min, yScale, xScale, curve, stackedLine, }: DrawLinesProps) => {
-    areasSelection: any;
-    linesSelection: any;
-    area: d3.Area<[number, number]>;
-};
+import { DrawLinesProps } from './types';
+import * as d3 from 'd3';
+export declare const barChartLinesClassNames: {
+    barChartLinesGlobal: string;
+    barChartLine: string;
+    barChartAreasGlobal: string;
+    barChartArea: string;
+};
+export declare const drawLines: ({ svg, lineData, min, yScale, xScale, curve, stackedLine, }: DrawLinesProps) => {
+    areasSelection: any;
+    linesSelection: any;
+    area: d3.Area<[number, number]>;
+};

package/dist/charts/BarChart/drawLines/types.d.ts

@@ -1,9 +1,9 @@
-import * as d3 from 'd3';
-import { BarChartProps, BarChartLineData } from '../types';
-export declare type DrawLinesProps = {
-    min: number;
-    svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
-    yScale: d3.ScaleLinear<number, number>;
-    xScale: d3.ScaleBand<string>;
-    lineData: BarChartLineData[];
-} & Pick<BarChartProps, 'stackedLine' | 'curve'>;
+import { BarChartProps, BarChartLineData } from '../types';
+import * as d3 from 'd3';
+export type DrawLinesProps = {
+    min: number;
+    svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
+    yScale: d3.ScaleLinear<number, number>;
+    xScale: d3.ScaleBand<string>;
+    lineData: BarChartLineData[];
+} & Pick<BarChartProps, 'stackedLine' | 'curve'>;

package/dist/charts/BarChart/drawTooltip/getLabel.d.ts

@@ -1,2 +1,2 @@
-import { BarChartLabelPosition } from '../types';
-export declare const getLabel: (labelPosition: BarChartLabelPosition) => import("styled-components").StyledComponent<"div", any, {}, never>;
+import { BarChartLabelPosition } from '../types';
+export declare const getLabel: (labelPosition: BarChartLabelPosition) => import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/charts/BarChart/drawTooltip/getLabelY.d.ts

@@ -1,2 +1,2 @@
-import { BarChartLabelPosition, BarChartMarshalledGroup } from '../types';
-export declare const getLabelY: (labelPosition: BarChartLabelPosition, y2: number, item: BarChartMarshalledGroup) => number;
+import { BarChartLabelPosition, BarChartMarshalledGroup } from '../types';
+export declare const getLabelY: (labelPosition: BarChartLabelPosition, y2: number, item: BarChartMarshalledGroup) => number;

package/dist/charts/BarChart/drawTooltip/index.d.ts

@@ -1,2 +1,2 @@
-import { DrawTooltipProps } from './types';
-export declare const drawTooltip: ({ svg, node, data, marshalledData, xScale, yScale, renderTooltip, labelPosition, marginTop, renderLabel, barWidth, barPadding, dynamicTooltipEnable, hideTooltipGroupName, tooltipY, tooltipBind, lineData, formatTooltipValue, formatTooltipName, tooltipYDomain, setTooltipPosition, onLabelItem, isBarTooltip, bars, tooltipRoot, tooltipClassName, onBarClick, onBarHover, }: DrawTooltipProps) => void;
+import { DrawTooltipProps } from './types';
+export declare const drawTooltip: ({ svg, node, data, marshalledData, xScale, yScale, renderTooltip, labelPosition, marginTop, renderLabel, barWidth, barPadding, dynamicTooltipEnable, hideTooltipGroupName, tooltipY, tooltipBind, lineData, formatTooltipValue, formatTooltipName, tooltipYDomain, setTooltipPosition, onLabelItem, isBarTooltip, bars, tooltipRoot, tooltipClassName, onBarClick, onBarHover, }: DrawTooltipProps) => void;

package/dist/charts/BarChart/drawTooltip/types.d.ts

@@ -1,13 +1,12 @@
-import * as d3 from 'd3';
-import { BarChartMarshalledGroup } from '../types';
-import { BarChartProps } from '../types';
-export declare type DrawTooltipProps = {
-    svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
-    node: HTMLElement;
-    yScale: d3.ScaleLinear<number, number>;
-    xScale: d3.ScaleBand<string>;
-    marshalledData: BarChartMarshalledGroup[][];
-    marginTop: number;
-    barWidth: number;
-    bars: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
-} & Pick<BarChartProps, 'renderTooltip' | 'labelPosition' | 'renderLabel' | 'dynamicTooltipEnable' | 'hideTooltipGroupName' | 'tooltipY' | 'tooltipBind' | 'lineData' | 'formatTooltipValue' | 'formatTooltipName' | 'tooltipYDomain' | 'data' | 'barPadding' | 'setTooltipPosition' | 'onLabelItem' | 'isBarTooltip' | 'tooltipRoot' | 'tooltipClassName' | 'onBarClick' | 'onBarHover'>;
+import { BarChartMarshalledGroup, BarChartProps } from '../types';
+import * as d3 from 'd3';
+export type DrawTooltipProps = {
+    svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
+    node: HTMLElement;
+    yScale: d3.ScaleLinear<number, number>;
+    xScale: d3.ScaleBand<string>;
+    marshalledData: BarChartMarshalledGroup[][];
+    marginTop: number;
+    barWidth: number;
+    bars: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
+} & Pick<BarChartProps, 'renderTooltip' | 'labelPosition' | 'renderLabel' | 'dynamicTooltipEnable' | 'hideTooltipGroupName' | 'tooltipY' | 'tooltipBind' | 'lineData' | 'formatTooltipValue' | 'formatTooltipName' | 'tooltipYDomain' | 'data' | 'barPadding' | 'setTooltipPosition' | 'onLabelItem' | 'isBarTooltip' | 'tooltipRoot' | 'tooltipClassName' | 'onBarClick' | 'onBarHover'>;

package/dist/charts/BarChart/getBars/index.d.ts

@@ -1,3 +1,3 @@
-import { BarChartMarshalledGroup } from '../types';
-import { GetBarsProps } from './types';
-export declare const getBars: ({ groups, barWidth }: GetBarsProps) => import("d3-selection").Selection<Element | import("d3-selection").EnterElement | Document | Window | SVGRectElement, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
+import { BarChartMarshalledGroup } from '../types';
+import { GetBarsProps } from './types';
+export declare const getBars: ({ groups, barWidth }: GetBarsProps) => import('d3-selection').Selection<SVGRectElement | import('d3-selection').BaseType, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;

package/dist/charts/BarChart/getBars/types.d.ts

@@ -1,6 +1,6 @@
-import * as d3 from 'd3';
-import { BarChartMarshalledGroup } from '../types';
-export declare type GetBarsProps = {
-    groups: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
-    barWidth: number;
-};
+import { BarChartMarshalledGroup } from '../types';
+import * as d3 from 'd3';
+export type GetBarsProps = {
+    groups: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
+    barWidth: number;
+};

package/dist/charts/BarChart/getDomain.d.ts

@@ -1,5 +1,5 @@
-import { BarChartProps } from './types';
-export declare const getDomain: ({ data, minDomainValue, maxDomainValue, }: Pick<BarChartProps, 'data' | 'minDomainValue' | 'maxDomainValue'>) => {
-    min: number;
-    max: number;
-};
+import { BarChartProps } from './types';
+export declare const getDomain: ({ data, minDomainValue, maxDomainValue, }: Pick<BarChartProps, "data" | "minDomainValue" | "maxDomainValue">) => {
+    min: number;
+    max: number;
+};

package/dist/charts/BarChart/hooks/useSelection.d.ts

@@ -1,2 +1,2 @@
-import { BarChartProps } from "../types";
-export declare const useSelection: (node: HTMLElement | null, props: BarChartProps) => void;
+import { BarChartProps } from '../types';
+export declare const useSelection: (node: HTMLElement | null, props: BarChartProps) => void;

package/dist/charts/BarChart/index.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { BarChartProps } from "./types";
-export declare const BarChart: FC<BarChartProps>;
+import { FC } from 'react';
+import { BarChartProps } from './types';
+export declare const BarChart: FC<BarChartProps>;

package/dist/charts/BarChart/marshaling.d.ts

@@ -1,2 +1,2 @@
-import { BarChartMarshalledGroup, BarChartMarshaling } from './types';
-export declare const marshaling: ({ data, yScale, xScale, barWidth, barPadding, colors, marginTop, }: BarChartMarshaling) => BarChartMarshalledGroup[][];
+import { BarChartMarshalledGroup, BarChartMarshaling } from './types';
+export declare const marshaling: ({ data, yScale, xScale, barWidth, barPadding, colors, marginTop, }: BarChartMarshaling) => BarChartMarshalledGroup[][];

package/dist/charts/BarChart/resizeBarWidth/index.d.ts

@@ -1,2 +1,2 @@
-import { ResizeBarWidthProps } from './types';
-export declare const resizeBarWidth: ({ data, range, barWidth, barPadding, sectionPadding, }: ResizeBarWidthProps) => number;
+import { ResizeBarWidthProps } from './types';
+export declare const resizeBarWidth: ({ data, range, barWidth, barPadding, sectionPadding, }: ResizeBarWidthProps) => number;

package/dist/charts/BarChart/resizeBarWidth/types.d.ts

@@ -1,5 +1,5 @@
-import { BarChartProps } from '../types';
-export declare type ResizeBarWidthProps = {
-    range: number[];
-    barWidth: number;
-} & Pick<BarChartProps, 'data' | 'barPadding' | 'sectionPadding'>;
+import { BarChartProps } from '../types';
+export type ResizeBarWidthProps = {
+    range: number[];
+    barWidth: number;
+} & Pick<BarChartProps, 'data' | 'barPadding' | 'sectionPadding'>;

package/dist/charts/BarChart/styled.d.ts

@@ -1,37 +1,37 @@
-import { JSXElementConstructor } from "react";
-export declare const barChartClassNames: {
-    barChartLinesGlobal: string;
-    barChartLine: string;
-    barChartAreasGlobal: string;
-    barChartArea: string;
-    barChartLabelContainer: string;
-    barChartLabelFlex: string;
-    barChartLabel: string;
-    barChartMouseRect: string;
-    barChartMouseContainer: string;
-    barChartTooltipFlex: string;
-    barChartMouseTooltip: string;
-    barChartTooltip: string;
-    barChartTooltipItem: string;
-    barChartTooltipColFlex: string;
-    barChartTooltipGroupName: string;
-    barChartColorBox: string;
-    barChartColorLine: string;
-    barChartTooltipName: string;
-    barChartTooltipValue: string;
-    barChartBarGlobal: string;
-    barChartYScaleGlobal: string;
-    barChartYAxis: string;
-    barChartXAxis: string;
-    barChartYAxisZeroTick: string;
-    barChartGridGlobal: string;
-    barChartGridLineX: string;
-    barChartGridLineXZero: string;
-    barChartGridLineYZero: string;
-    barChartGridLineY: string;
-    barChartSelection: string;
-};
-export declare const SvgWrapper: import("styled-components").StyledComponent<"div", any, {
-    selectable?: boolean;
-}, never>;
-export declare const TooltipStyles: JSXElementConstructor<any>;
+import { JSXElementConstructor } from 'react';
+export declare const barChartClassNames: {
+    barChartLinesGlobal: string;
+    barChartLine: string;
+    barChartAreasGlobal: string;
+    barChartArea: string;
+    barChartLabelContainer: string;
+    barChartLabelFlex: string;
+    barChartLabel: string;
+    barChartMouseRect: string;
+    barChartMouseContainer: string;
+    barChartTooltipFlex: string;
+    barChartMouseTooltip: string;
+    barChartTooltip: string;
+    barChartTooltipItem: string;
+    barChartTooltipColFlex: string;
+    barChartTooltipGroupName: string;
+    barChartColorBox: string;
+    barChartColorLine: string;
+    barChartTooltipName: string;
+    barChartTooltipValue: string;
+    barChartBarGlobal: string;
+    barChartYScaleGlobal: string;
+    barChartYAxis: string;
+    barChartXAxis: string;
+    barChartYAxisZeroTick: string;
+    barChartGridGlobal: string;
+    barChartGridLineX: string;
+    barChartGridLineXZero: string;
+    barChartGridLineYZero: string;
+    barChartGridLineY: string;
+    barChartSelection: string;
+};
+export declare const SvgWrapper: import('styled-components').StyledComponent<"div", any, {
+    selectable?: boolean;
+}, never>;
+export declare const TooltipStyles: JSXElementConstructor<any>;

package/dist/charts/BarChart/types.d.ts

@@ -1,148 +1,148 @@
-import * as d3 from "d3";
-import { CSSProperties, PropsWithChildren, ReactNode } from "react";
-import { Margin } from "../../common/types/margin";
-export declare type BarChartData = {
-    groupName: string | number;
-    [key: string]: any;
-} | Record<string, {
-    [key: string]: number;
-}>;
-export declare type LegendItemsGroupedStackedBarChart = {
-    [key: string]: string;
-};
-export declare type BarChartColors = {
-    [key: string]: string;
-};
-export declare type BarChartLabelPosition = "top" | "center" | "bottom";
-export declare type BarChartLabelSetTooltipPosition = (position: {
-    tooltip: d3.Selection<HTMLDivElement, unknown, null, undefined>;
-    left: number;
-    top: number;
-    svgWidth: number;
-}) => void;
-export interface BarChartMarker {
-    label: string;
-    value: number;
-    color?: string;
-    lineColor?: string;
-    className?: string;
-    horizontal?: boolean;
-    line?: boolean;
-    align?: "center" | "left" | "right";
-}
-export interface BarChartProps extends PropsWithChildren {
-    className?: string;
-    style?: CSSProperties;
-    data: BarChartData[];
-    markers?: BarChartMarker[];
-    lineData?: BarChartLineData[];
-    colors: BarChartColors;
-    margin?: Margin;
-    barWidth?: number;
-    barPadding?: number;
-    setTooltipPosition?: BarChartLabelSetTooltipPosition | boolean;
-    sectionPadding?: number | undefined;
-    width?: number;
-    height?: number;
-    yAxisPadding?: number;
-    xAxisPadding?: number;
-    drawGridY?: boolean;
-    drawGridX?: boolean;
-    customYScale?: (yScale: (value: number) => number) => void;
-    customXScale?: (xScale: d3.ScaleBand<string>) => void;
-    customYAxisLeft?: (yAxisLeft: d3.Axis<d3.NumberValue>) => void;
-    customXAxisBottom?: (xAxisBottom: d3.Axis<string>, props: {
-        node: HTMLElement;
-        labels: string[];
-    }) => void;
-    customYAxis?: (yAxis: d3.Selection<SVGGElement, unknown, null, undefined>) => void;
-    customXAxis?: (xAxis: d3.Selection<SVGGElement, unknown, null, undefined>) => void;
-    customBars?: (args: {
-        bars: d3.Selection<Element | d3.EnterElement | Document | Window | SVGRectElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]> | d3.Transition<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
-        yScale: (value: number) => number;
-        lines: null | {
-            linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
-            areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
-            area: d3.Area<[number, number]> | null;
-        };
-        lineData?: BarChartLineData[];
-        marshalledData: BarChartMarshalledGroup[][];
-    }) => void;
-    minValue?: number;
-    maxValue?: number;
-    minDomainValue?: number | undefined;
-    maxDomainValue?: number | undefined;
-    minValuesLine?: number;
-    dynamicTooltipEnable?: boolean;
-    hideTooltipGroupName?: boolean;
-    renderTooltip?: (group: BarChartMergedData, position?: {
-        tooltip: d3.Selection<HTMLDivElement, unknown, null, undefined>;
-        left: number;
-        top: number;
-        svgWidth: number;
-    }, barWidth?: number) => ReactNode;
-    labelPosition?: BarChartLabelPosition;
-    renderLabel?: (item: BarChartMarshalledGroup & {
-        barWidth: number;
-    }) => ReactNode;
-    tooltipY?: number | undefined;
-    tooltipBind?: boolean;
-    stackedLine?: boolean;
-    curve?: d3.CurveFactory;
-    formatTooltipName?: (name: number | string) => number | string | ReactNode;
-    formatTooltipValue?: (value: number, name?: string) => number | string | ReactNode;
-    tooltipYDomain?: ((data: {
-        data: BarChartMarshalledGroup[][];
-        lineData?: BarChartLineData[];
-        yScale: (value: number) => number;
-    }) => number[]) | null;
-    marshalledMap?: (data: BarChartMarshalledGroup[][]) => BarChartMarshalledGroup[][];
-    drawBars?: (prop: {
-        groups: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
-        yScale: (value: number) => number;
-        marshalledData: BarChartMarshalledGroup[][];
-        barWidth: number;
-    }) => d3.Selection<Element | d3.EnterElement | Document | Window | SVGRectElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]> | d3.Transition<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
-    customize?: (args: {
-        svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
-        marshalledData: BarChartMarshalledGroup[][];
-        yScale: (value: number) => number;
-        xScale: d3.ScaleBand<string>;
-        lineData?: BarChartLineData[];
-    }) => void;
-    onLabelItem?: (data: BarChartMarshalledGroup[]) => BarChartMarshalledGroup[];
-    isBarTooltip?: boolean;
-    xScaleItemWidth?: number;
-    tooltipRoot?: Element;
-    tooltipClassName?: string;
-    selectable?: boolean;
-    onSelect?: (value: [number, number]) => void;
-    onBarClick?: (group: BarChartMarshalledGroup) => void;
-    onBarHover?: (group?: BarChartMarshalledGroup) => void;
-}
-export declare type BarChartMergedData = (BarChartMarshalledGroup & BarChartLineData & {
-    groupName: string;
-})[];
-export declare type BarChartMarshaling = {
-    yScale: (value: number) => number;
-    xScale: d3.ScaleBand<string>;
-    marginTop?: number;
-} & Pick<BarChartProps, "barPadding" | "barWidth" | "data" | "colors">;
-export declare type BarChartMarshalledGroup = {
-    x: number;
-    y: number;
-    height: number;
-    color: string;
-    value: number;
-    groupName?: string;
-    name: string;
-    stackIndex: number;
-    groupIndex: number;
-};
-export declare type BarChartLineData = {
-    lineType: "line" | "area";
-    name: string;
-    values: (number | null)[];
-    stroke?: string;
-    fill?: string;
-};
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+import { Margin } from '../../common/types/margin';
+import * as d3 from "d3";
+export type BarChartData = {
+    groupName: string | number;
+    [key: string]: any;
+} | Record<string, {
+    [key: string]: number;
+}>;
+export type LegendItemsGroupedStackedBarChart = {
+    [key: string]: string;
+};
+export type BarChartColors = {
+    [key: string]: string;
+};
+export type BarChartLabelPosition = "top" | "center" | "bottom";
+export type BarChartLabelSetTooltipPosition = (position: {
+    tooltip: d3.Selection<HTMLDivElement, unknown, null, undefined>;
+    left: number;
+    top: number;
+    svgWidth: number;
+}) => void;
+export interface BarChartMarker {
+    label: string;
+    value: number;
+    color?: string;
+    lineColor?: string;
+    className?: string;
+    horizontal?: boolean;
+    line?: boolean;
+    align?: "center" | "left" | "right";
+}
+export interface BarChartProps extends PropsWithChildren {
+    className?: string;
+    style?: CSSProperties;
+    data: BarChartData[];
+    markers?: BarChartMarker[];
+    lineData?: BarChartLineData[];
+    colors: BarChartColors;
+    margin?: Margin;
+    barWidth?: number;
+    barPadding?: number;
+    setTooltipPosition?: BarChartLabelSetTooltipPosition | boolean;
+    sectionPadding?: number | undefined;
+    width?: number;
+    height?: number;
+    yAxisPadding?: number;
+    xAxisPadding?: number;
+    drawGridY?: boolean;
+    drawGridX?: boolean;
+    customYScale?: (yScale: (value: number) => number) => void;
+    customXScale?: (xScale: d3.ScaleBand<string>) => void;
+    customYAxisLeft?: (yAxisLeft: d3.Axis<d3.NumberValue>) => void;
+    customXAxisBottom?: (xAxisBottom: d3.Axis<string>, props: {
+        node: HTMLElement;
+        labels: string[];
+    }) => void;
+    customYAxis?: (yAxis: d3.Selection<SVGGElement, unknown, null, undefined>) => void;
+    customXAxis?: (xAxis: d3.Selection<SVGGElement, unknown, null, undefined>) => void;
+    customBars?: (args: {
+        bars: d3.Selection<Element | d3.EnterElement | Document | Window | SVGRectElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]> | d3.Transition<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
+        yScale: (value: number) => number;
+        lines: null | {
+            linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
+            areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
+            area: d3.Area<[number, number]> | null;
+        };
+        lineData?: BarChartLineData[];
+        marshalledData: BarChartMarshalledGroup[][];
+    }) => void;
+    minValue?: number;
+    maxValue?: number;
+    minDomainValue?: number | undefined;
+    maxDomainValue?: number | undefined;
+    minValuesLine?: number;
+    dynamicTooltipEnable?: boolean;
+    hideTooltipGroupName?: boolean;
+    renderTooltip?: (group: BarChartMergedData, position?: {
+        tooltip: d3.Selection<HTMLDivElement, unknown, null, undefined>;
+        left: number;
+        top: number;
+        svgWidth: number;
+    }, barWidth?: number) => ReactNode;
+    labelPosition?: BarChartLabelPosition;
+    renderLabel?: (item: BarChartMarshalledGroup & {
+        barWidth: number;
+    }) => ReactNode;
+    tooltipY?: number | undefined;
+    tooltipBind?: boolean;
+    stackedLine?: boolean;
+    curve?: d3.CurveFactory;
+    formatTooltipName?: (name: number | string) => number | string | ReactNode;
+    formatTooltipValue?: (value: number, name?: string) => number | string | ReactNode;
+    tooltipYDomain?: ((data: {
+        data: BarChartMarshalledGroup[][];
+        lineData?: BarChartLineData[];
+        yScale: (value: number) => number;
+    }) => number[]) | null;
+    marshalledMap?: (data: BarChartMarshalledGroup[][]) => BarChartMarshalledGroup[][];
+    drawBars?: (prop: {
+        groups: d3.Selection<SVGGElement, BarChartMarshalledGroup[], SVGGElement, unknown>;
+        yScale: (value: number) => number;
+        marshalledData: BarChartMarshalledGroup[][];
+        barWidth: number;
+    }) => d3.Selection<Element | d3.EnterElement | Document | Window | SVGRectElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]> | d3.Transition<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
+    customize?: (args: {
+        svg: d3.Selection<SVGSVGElement, unknown, null, undefined>;
+        marshalledData: BarChartMarshalledGroup[][];
+        yScale: (value: number) => number;
+        xScale: d3.ScaleBand<string>;
+        lineData?: BarChartLineData[];
+    }) => void;
+    onLabelItem?: (data: BarChartMarshalledGroup[]) => BarChartMarshalledGroup[];
+    isBarTooltip?: boolean;
+    xScaleItemWidth?: number;
+    tooltipRoot?: Element;
+    tooltipClassName?: string;
+    selectable?: boolean;
+    onSelect?: (value: [number, number]) => void;
+    onBarClick?: (group: BarChartMarshalledGroup) => void;
+    onBarHover?: (group?: BarChartMarshalledGroup) => void;
+}
+export type BarChartMergedData = (BarChartMarshalledGroup & BarChartLineData & {
+    groupName: string;
+})[];
+export type BarChartMarshaling = {
+    yScale: (value: number) => number;
+    xScale: d3.ScaleBand<string>;
+    marginTop?: number;
+} & Pick<BarChartProps, "barPadding" | "barWidth" | "data" | "colors">;
+export type BarChartMarshalledGroup = {
+    x: number;
+    y: number;
+    height: number;
+    color: string;
+    value: number;
+    groupName?: string;
+    name: string;
+    stackIndex: number;
+    groupIndex: number;
+};
+export type BarChartLineData = {
+    lineType: "line" | "area";
+    name: string;
+    values: (number | null)[];
+    stroke?: string;
+    fill?: string;
+};

package/dist/charts/BubbleChart/bubbleChartDefaultProps.d.ts

@@ -1,14 +1,14 @@
-export declare const bubbleChartDefaultProps: {
-    height: number;
-    minSize: number;
-    maxSize: number;
-    margin: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    yAxisPadding: number;
-    xAxisPadding: number;
-    yScaleLabelPadding: number;
-};
+export declare const bubbleChartDefaultProps: {
+    height: number;
+    minSize: number;
+    maxSize: number;
+    margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    yAxisPadding: number;
+    xAxisPadding: number;
+    yScaleLabelPadding: number;
+};