@evergis/charts 3.1.1 → 3.1.3

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

@@ -1,5 +1,4 @@
 import * as d3 from 'd3';
-import { BarChartLineData } from '../types';
 import { DrawLinesProps } from './types';
 export declare const barChartLinesClassNames: {
     barChartLinesGlobal: string;
@@ -8,7 +7,7 @@ export declare const barChartLinesClassNames: {
     barChartArea: string;
 };
 export declare const drawLines: ({ svg, lineData, min, yScale, xScale, curve, stackedLine, }: DrawLinesProps) => {
-    areasSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
-    linesSelection: d3.Selection<Element | d3.EnterElement | Document | Window | SVGPathElement | null, BarChartLineData, SVGGElement, unknown> | null;
-    area: d3.Area<[number, number]> | null;
+    areasSelection: any;
+    linesSelection: any;
+    area: d3.Area<[number, number]>;
 };

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 | null, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;
+export declare const getBars: ({ groups, barWidth }: GetBarsProps) => import("d3-selection").Selection<Element | import("d3-selection").EnterElement | Document | Window | SVGRectElement, BarChartMarshalledGroup, SVGGElement, BarChartMarshalledGroup[]>;

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

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

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

@@ -1,3 +1,4 @@
+import { JSXElementConstructor } from "react";
 export declare const barChartClassNames: {
     barChartLinesGlobal: string;
     barChartLine: string;
@@ -31,6 +32,6 @@ export declare const barChartClassNames: {
     barChartSelection: string;
 };
 export declare const SvgWrapper: import("styled-components").StyledComponent<"div", any, {
-    selectable?: boolean | undefined;
+    selectable?: boolean;
 }, never>;
-export declare const TooltipStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const TooltipStyles: JSXElementConstructor<any>;

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

@@ -1,6 +1,6 @@
-import * as d3 from 'd3';
-import { CSSProperties, ReactNode } from 'react';
-import { Margin } from '../../common/types/margin';
+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;
@@ -13,7 +13,7 @@ export declare type LegendItemsGroupedStackedBarChart = {
 export declare type BarChartColors = {
     [key: string]: string;
 };
-export declare type BarChartLabelPosition = 'top' | 'center' | 'bottom';
+export declare type BarChartLabelPosition = "top" | "center" | "bottom";
 export declare type BarChartLabelSetTooltipPosition = (position: {
     tooltip: d3.Selection<HTMLDivElement, unknown, null, undefined>;
     left: number;
@@ -30,7 +30,7 @@ export interface BarChartMarker {
     line?: boolean;
     align?: "center" | "left" | "right";
 }
-export declare type BarChartProps = {
+export interface BarChartProps extends PropsWithChildren {
     className?: string;
     style?: CSSProperties;
     data: BarChartData[];
@@ -119,7 +119,7 @@ export declare type BarChartProps = {
     onSelect?: (value: [number, number]) => void;
     onBarClick?: (group: BarChartMarshalledGroup) => void;
     onBarHover?: (group?: BarChartMarshalledGroup) => void;
-};
+}
 export declare type BarChartMergedData = (BarChartMarshalledGroup & BarChartLineData & {
     groupName: string;
 })[];
@@ -127,7 +127,7 @@ export declare type BarChartMarshaling = {
     yScale: (value: number) => number;
     xScale: d3.ScaleBand<string>;
     marginTop?: number;
-} & Pick<BarChartProps, 'barPadding' | 'barWidth' | 'data' | 'colors'>;
+} & Pick<BarChartProps, "barPadding" | "barWidth" | "data" | "colors">;
 export declare type BarChartMarshalledGroup = {
     x: number;
     y: number;
@@ -140,7 +140,7 @@ export declare type BarChartMarshalledGroup = {
     groupIndex: number;
 };
 export declare type BarChartLineData = {
-    lineType: 'line' | 'area';
+    lineType: "line" | "area";
     name: string;
     values: (number | null)[];
     stroke?: string;

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

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

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

@@ -1,3 +1,4 @@
+import { JSXElementConstructor } from "react";
 export declare const bubbleChartClassNames: {
     bubbleChartYAxis: string;
     bubbleChartYAxisZeroTick: string;
@@ -13,4 +14,4 @@ export declare const bubbleChartClassNames: {
     bubbleChartTip: string;
 };
 export declare const SvgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const TooltipStyles: JSXElementConstructor<any>;

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

@@ -1,6 +1,6 @@
-import * as d3 from 'd3';
-import { CSSProperties } from 'react';
-import { Margin } from '../../common/types/margin';
+import { CSSProperties, PropsWithChildren } from "react";
+import * as d3 from "d3";
+import { Margin } from "../../common/types/margin";
 export declare type BubbleChartData = {
     xValue: number;
     yValue: number;
@@ -22,7 +22,7 @@ export declare type BubbleChartCustomizeProps = {
     sizeScale: d3.ScaleLinear<number, number>;
     bubbles: d3.Selection<SVGCircleElement, BubbleChartData, SVGGElement, unknown>;
 };
-export declare type BubbleChartProps = {
+export interface BubbleChartProps extends PropsWithChildren {
     className?: string;
     style?: CSSProperties;
     width?: number;
@@ -52,4 +52,4 @@ export declare type BubbleChartProps = {
     tooltipRoot?: Element;
     tooltipClassName?: string;
     renderTooltip?: (props: RenderTooltipProps) => void;
-};
+}

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

@@ -1 +1 @@
-export declare const unmount: (tooltipRoot?: Element | undefined) => void;
+export declare const unmount: (tooltipRoot?: Element) => void;

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

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

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

@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
-import { Interpolator } from '../../common/types/interpolator';
-import { GetLegendProps } from '../../helpers/getLegend/types';
+import { CSSProperties, PropsWithChildren } from "react";
+import { Interpolator } from "../../common/types/interpolator";
+import { GetLegendProps } from "../../helpers/getLegend/types";
 export declare type OnEachDay = (data: CalendarChartData, element: HTMLDivElement, color: string) => void;
-export declare type CalendarChartProps = {
+export interface CalendarChartProps extends PropsWithChildren {
     className?: string;
     style?: CSSProperties;
     data: CalendarChartData[];
@@ -15,7 +15,7 @@ export declare type CalendarChartProps = {
     onEachDay?: OnEachDay;
     colorRange?: [string, string];
     legendProps?: GetLegendProps;
-};
+}
 export declare type CalendarChartData = {
     date: Date;
     value: number;

package/dist/charts/HorizontalBarChart/hooks/useStackWrapper.d.ts

@@ -1,12 +1,12 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import { UseTooltip } from './useTooltip/types';
 import { HorizontalBarChartMarshalingData, HorizontalBarChartProps } from '../types';
-export declare const useStackWrapper: (stackedTooltip?: boolean | undefined) => (({ item, mouseMove, mouseLeave, tooltipBind, ...props }: {
-    style?: React.CSSProperties | undefined;
+export declare const useStackWrapper: (stackedTooltip?: boolean) => (({ item, mouseMove, mouseLeave, tooltipBind, ...props }: {
+    style?: CSSProperties;
     item: HorizontalBarChartMarshalingData[];
     tooltipBind: HorizontalBarChartProps['tooltipBind'];
     mouseMove: UseTooltip[0];
     mouseLeave: UseTooltip[1];
-}) => JSX.Element) | (({ children }: {
+}) => React.JSX.Element) | (({ children }: {
     children?: ReactNode;
-}) => JSX.Element);
+}) => React.JSX.Element);

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

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

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

@@ -1,10 +1,10 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren, ReactNode } from "react";
 export declare type HorizontalBarChartData = {
     name?: ReactNode;
     value: number;
     color: string;
 };
-export declare type HorizontalBarChartProps = {
+export interface HorizontalBarChartProps extends PropsWithChildren {
     style?: CSSProperties;
     className?: string;
     data: HorizontalBarChartData[][];
@@ -30,7 +30,7 @@ export declare type HorizontalBarChartProps = {
     renderDataTable?: (stack: HorizontalBarChartMarshalingData[], stackSum: number, rowIndex: number) => ReactNode;
     thead?: ReactNode;
     withoutXScale?: boolean;
-};
+}
 export declare type HorizontalBarChartMarshalingData = HorizontalBarChartData & {
     width: number;
     groupName: ReactNode;

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

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

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

@@ -1,3 +1,4 @@
+import { JSXElementConstructor } from "react";
 export declare const lineChartClassNames: {
     lineChartYScaleGlobal: string;
     lineChartYScaleRight: string;
@@ -23,4 +24,4 @@ export declare const lineChartClassNames: {
     lineChartMouseLabel: string;
 };
 export declare const SvgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const TooltipStyles: JSXElementConstructor<any>;

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

@@ -1,9 +1,9 @@
+import { CSSProperties, PropsWithChildren, ReactNode } from "react";
 import * as d3 from 'd3';
-import { CSSProperties, ReactNode } from 'react';
 import { Margin } from '../../common/types/margin';
 export declare type LineChartCustomAxis = (axis: d3.Axis<d3.NumberValue>) => void;
 declare type LineChartCustomAxisSelection = (selection: d3.Selection<SVGGElement, unknown, null, undefined>) => void;
-export declare type LineChartProps = {
+export interface LineChartProps extends PropsWithChildren {
     className?: string;
     style?: CSSProperties;
     data: LineChartData[];
@@ -51,7 +51,7 @@ export declare type LineChartProps = {
     xScaleItemWidth?: number;
     dotSnapping?: boolean;
     rightAxis?: number[];
-};
+}
 export declare type LineChartDot = {
     radius?: number;
     style?: string;

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

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

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

@@ -1,7 +1,7 @@
-import { ReactElement, ReactNode, CSSProperties } from 'react';
-import * as d3 from 'd3';
-import { Margin } from '../../common/types/margin';
-export interface PieChartProps {
+import { ReactElement, ReactNode, CSSProperties, PropsWithChildren } from "react";
+import * as d3 from "d3";
+import { Margin } from "../../common/types/margin";
+export interface PieChartProps extends PropsWithChildren {
     data: PieChartData[];
     className?: string;
     style?: CSSProperties;