@foodpilot/foods 2.1.9 → 2.2.0

package/dist/components/Cards/TrajectoryCards/components/Comparisons.d.ts

@@ -1,3 +1,3 @@
 import { ComparisonProps, TargetComparisonProps } from '../Blocks/types';
-export declare const StartCurrentComparison: ({ currentValue, targetValue, orientation, improvement, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StartCurrentComparison: ({ currentValue, targetValue, orientation, improvement }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const LastTargetComparison: ({ currentValue, targetValue, orientation, improvement, }: TargetComparisonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/TrajectoryCards/components/Step.d.ts

@@ -10,7 +10,7 @@ type StepsProps = {
     isLast: boolean;
     isHorizontal?: boolean;
     extra?: SxProps;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: "horizontal" | "vertical";
     children?: React.ReactNode;
     valueFormatterFn?: (value: number) => string | number;
 };

package/dist/components/Cards/TrajectoryCards/styles/index.d.ts

@@ -3,7 +3,7 @@ interface StepsProps {
     step: StepType;
     isLast: boolean;
     isHorizontal?: boolean;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: "horizontal" | "vertical";
     extra?: Record<string, unknown>;
     children?: React.ReactNode;
     fullHeight?: boolean;

package/dist/components/Chart/DoughnutChart/DoughnutChart.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
 import { TypographyProps } from '@mui/material';
 import { Property } from 'csstype';
-import { Legend } from './DoughnutChartLegend';
+import { ChartLegend } from '../Legend';
 export type DoughnutChartProps = {
     values?: number[];
     valuesUnit?: string;
     labels?: string[];
     colors?: Property.Color[];
-    legend?: Legend;
+    legend?: ChartLegend;
     icons?: ReactNode[];
     children?: ReactNode;
     className?: string;
@@ -22,5 +22,6 @@ export type DoughnutChartProps = {
     fullWidthLegend?: boolean;
     hoverOffset?: number;
     showTooltip?: boolean;
+    width?: string;
 };
 export declare const DoughnutChart: (props: DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/DoughnutChart/DoughnutChartContent.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '@mui/material';
+type DoughnutChartContentProps = {
+    isLoading: boolean;
+    displayValue: ReactNode;
+    displayTotalVariant: TypographyProps["variant"];
+    valuesUnit?: string;
+    displayTotal: string | boolean | undefined;
+};
+export declare const DoughnutChartContent: (props: DoughnutChartContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/DoughnutChart/DoughnutPieChart.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+import { DoughnutChartData } from './utils';
+import { RechartsMouseEventHandler } from './useDoughnutChartInteractions';
+type DoughnutPieChartProps = {
+    data: DoughnutChartData[];
+    hoveredArcIndex: number | null;
+    spacing: number;
+    borderWidth: number;
+    borderColor?: Property.Color;
+    showTooltip: boolean;
+    tooltipPos: {
+        x: number;
+        y: number;
+        angle?: number;
+    } | undefined;
+    valuesFormatterFn?: (value: number) => string;
+    language: string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    onMouseEnter: (event: RechartsMouseEventHandler, index: number) => void;
+    onMouseLeave: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const DoughnutPieChart: (props: DoughnutPieChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/DoughnutChart/useDoughnutChartInteractions.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { DoughnutChartData, TooltipPosition } from './utils';
+export type RechartsMouseEventHandler = {
+    cx: number;
+    cy: number;
+    midAngle: number;
+    outerRadius: number;
+    innerRadius: number;
+};
+export declare const useDoughnutChartInteractions: (data: DoughnutChartData[], chartRef: RefObject<HTMLDivElement>) => {
+    hoveredArcIndex: number | null;
+    tooltipPos: TooltipPosition | undefined;
+    handleLegendHover: (index: number | null, event?: React.MouseEvent<HTMLElement>) => void;
+    handleMouseEnter: (event: RechartsMouseEventHandler, index: number) => void;
+    handleMouseOut: () => void;
+};

package/dist/components/Chart/DoughnutChart/utils.d.ts

@@ -0,0 +1,18 @@
+import { Property } from 'csstype';
+import { ReactNode } from 'react';
+export type DoughnutChartData = {
+    name: string;
+    value: number;
+    color: Property.Color;
+    index: number;
+};
+export type TooltipPosition = {
+    x: number;
+    y: number;
+    angle?: number;
+};
+export declare const prepareChartData: (values: number[] | undefined, labels: string[] | undefined, palette: Property.Color[]) => DoughnutChartData[];
+export declare const calculateTooltipPosition: (data: DoughnutChartData[], index: number, chartWidth: number, chartHeight: number) => TooltipPosition;
+export declare const calculateTooltipPositionFromEvent: (cx: number, cy: number, midAngle: number, outerRadius: number) => TooltipPosition;
+export declare const formatDisplayValue: (children: ReactNode | undefined, displayTotal: string | boolean | undefined, sumValues: number | undefined, valueFormatterFn: (value: number) => string) => ReactNode;
+export declare const calculateSumValues: (values: number[] | undefined, displayTotal: string | boolean | undefined) => number | undefined;

package/dist/components/Chart/EvolutionChart/EvolutionChart.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type EvolutionChartDataset = {
+    label: string;
+    data: number[];
+    backgroundColor?: string;
+};
+export type EvolutionChartLegend = {
+    position: "bottom" | "right";
+    actions?: Array<(() => void) | undefined>;
+    seeMore?: string;
+    fullWidthLegend?: boolean;
+};
+export type EvolutionChartProps = {
+    labels: string[];
+    values: EvolutionChartDataset[];
+    unit?: string;
+    height?: string;
+    width?: string;
+    legend?: EvolutionChartLegend;
+    valueFormatterFn?: (value: number, precision?: number) => string;
+    precision?: number;
+    icons?: ReactNode[];
+    showLegend?: boolean;
+    improvement?: "increase" | "decrease";
+    segmentGap?: number;
+    areaGap?: number;
+};
+export declare const EvolutionChart: (props: EvolutionChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/EvolutionChart/EvolutionChartBars.d.ts

@@ -0,0 +1,17 @@
+import { EvolutionChartDataset } from './EvolutionChart';
+import { ReactNode } from 'react';
+type EvolutionChartBarsProps = {
+    values: EvolutionChartDataset[];
+    colors: string[];
+    hoveredDatasetIndex: number | null;
+    maxBarSize: number;
+    segmentGap: number;
+    registerBarTopY: (payloadName: unknown, datasetIndex: unknown, y: unknown) => void;
+    registerBarBottomY: (payloadName: unknown, datasetIndex: unknown, yBottom: unknown) => void;
+    registerBarCenterX: (payloadName: unknown, xCenter: unknown) => void;
+    registerBarHalfWidth: (payloadName: unknown, width: unknown) => void;
+    onDatasetHover: (index: number) => void;
+    onDatasetLeave: () => void;
+};
+export declare const EvolutionChartBars: (props: EvolutionChartBarsProps) => ReactNode;
+export {};

package/dist/components/Chart/EvolutionChart/EvolutionChartHoverOverlay.d.ts

@@ -0,0 +1,19 @@
+import { MutableRefObject, ReactNode } from 'react';
+type EvolutionChartHoverOverlayProps = {
+    hoveredDatasetIndex: number | null;
+    labels: string[];
+    barCentersRef: MutableRefObject<Record<string, number>>;
+    barHalfWidthRef: MutableRefObject<Record<string, number>>;
+    barTopsRef: MutableRefObject<Record<string, Record<number, number>>>;
+    barBottomsRef: MutableRefObject<Record<string, Record<number, number>>>;
+    colors: string[];
+    areaGap: number;
+    barWidth: number;
+};
+/**
+ * Creates smooth curved areas that highlight a dataset when you hover over it.
+ * Think of it like drawing connecting bridges between all the bars of the same color
+ * to show they belong together - like connecting the dots but with pretty curves!
+ */
+export declare const EvolutionChartHoverOverlay: (props: EvolutionChartHoverOverlayProps) => ReactNode;
+export {};

package/dist/components/Chart/EvolutionChart/EvolutionChartTooltip.d.ts

@@ -0,0 +1,33 @@
+import { EvolutionChartDataset } from './EvolutionChart';
+import { ReactNode } from 'react';
+type EvolutionChartTooltipProps = {
+    active?: boolean;
+    payload?: Array<{
+        payload?: {
+            total?: number;
+        };
+    } & Record<string, unknown>>;
+    label?: string | number;
+    coordinate?: {
+        x: number;
+        y: number;
+    } | null;
+    unit?: string;
+    valueFormatterFn?: (value: number, precision?: number) => string;
+    precision?: number;
+    language: string;
+    positiveTrend: "increase" | "decrease";
+    datasets: EvolutionChartDataset[];
+    labels: string[];
+    barTopY?: number;
+    hoveredDatasetIndex?: number | null;
+    prevBarTopY?: number;
+    prevX?: number;
+    currentX?: number;
+    allCenters?: Array<number | undefined>;
+    allTopYs?: Array<number | undefined>;
+    improvement?: "increase" | "decrease";
+    legendHovering?: boolean;
+};
+export declare const EvolutionChartTooltip: (props: EvolutionChartTooltipProps) => ReactNode;
+export {};

package/dist/components/Chart/EvolutionChart/MultiTooltipDisplay.d.ts

@@ -0,0 +1,21 @@
+import { EvolutionChartDataset } from './EvolutionChart';
+import { ReactNode } from 'react';
+type MultiTooltipDisplayProps = {
+    hoveredIdx: number;
+    labels: string[];
+    datasets: EvolutionChartDataset[];
+    allCenters: Array<number | undefined>;
+    allTopYs: Array<number | undefined>;
+    coordinate: {
+        x: number;
+        y: number;
+    };
+    positiveTrend: "increase" | "decrease";
+    currentIndex: number;
+    unit?: string;
+    valueFormatterFn?: (value: number, precision?: number) => string;
+    precision: number;
+    language: string;
+};
+export declare const MultiTooltipDisplay: (props: MultiTooltipDisplayProps) => ReactNode;
+export {};

package/dist/components/Chart/EvolutionChart/TooltipItem.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+type TooltipItemProps = {
+    x: number;
+    y: number;
+    value: number;
+    unit?: string;
+    formatValue: (value: number) => string;
+    showDelta?: boolean;
+    deltaProps?: {
+        percentageChange: number;
+        isIncrease: boolean;
+        isPositive: boolean;
+        precision: number;
+        language: string;
+    };
+    zIndex?: number;
+};
+export declare const TooltipItem: (props: TooltipItemProps) => ReactNode;
+export {};

package/dist/components/Chart/EvolutionChart/tooltipUtils.d.ts

@@ -0,0 +1,36 @@
+import { EvolutionChartDataset } from './EvolutionChart';
+export type TooltipCalculations = {
+    currentIndex: number;
+    currentTotal: number;
+    previousTotal: number;
+    currentSegment: number | undefined;
+    previousSegment: number | undefined;
+    valueToDisplay: number;
+    previousValue: number;
+    isIncrease: boolean;
+    isPositive: boolean;
+    percentageChange: number;
+};
+export type TooltipPositions = {
+    curX: number;
+    curY: number;
+    prevXPos?: number;
+    prevYPos?: number;
+};
+export type MultiTooltipData = {
+    firstVal: number;
+    val: number;
+    showDelta: boolean;
+    pctChange: number;
+    isIncreaseVsFirst: boolean;
+    isPositiveVsFirst: boolean;
+};
+export declare const calculateTooltipData: (hoveredDatasetIndex: number | null, datasets: EvolutionChartDataset[], labels: string[], label: string | number, currentData: {
+    total: number;
+}, positiveTrend: "increase" | "decrease", legendHovering: boolean) => TooltipCalculations | null;
+export declare const calculateTooltipPositions: (coordinate: {
+    x: number;
+    y: number;
+}, currentX?: number, barTopY?: number, prevX?: number, prevBarTopY?: number) => TooltipPositions;
+export declare const formatTooltipValue: (value: number, valueFormatterFn: (value: number, precision?: number) => string, precision?: number) => string;
+export declare const calculateMultiTooltipData: (datasets: EvolutionChartDataset[], hoveredIdx: number, idx: number, labels: string[], positiveTrend: "increase" | "decrease") => MultiTooltipData;

package/dist/components/Chart/EvolutionChart/useEvolutionChartInteraction.d.ts

@@ -0,0 +1,17 @@
+import { TransformedData } from './utils';
+export declare const useEvolutionChartInteraction: (transformedData: TransformedData[]) => {
+    hoveredDatasetIndex: number | null;
+    isLegendHover: boolean;
+    barTopsRef: import('react').MutableRefObject<Record<string, Record<number, number>>>;
+    barCentersRef: import('react').MutableRefObject<Record<string, number>>;
+    barBottomsRef: import('react').MutableRefObject<Record<string, Record<number, number>>>;
+    barHalfWidthRef: import('react').MutableRefObject<Record<string, number>>;
+    chartContainerRef: import('react').MutableRefObject<HTMLElement | null>;
+    registerBarTopY: (payloadName: unknown, datasetIndex: unknown, y: unknown) => void;
+    registerBarBottomY: (payloadName: unknown, datasetIndex: unknown, yBottom: unknown) => void;
+    registerBarCenterX: (payloadName: unknown, xCenter: unknown) => void;
+    registerBarHalfWidth: (payloadName: unknown, width: unknown) => void;
+    handleDatasetHover: (index: number) => void;
+    handleDatasetLeave: () => void;
+    handleLegendHover: (index: number | null) => void;
+};

package/dist/components/Chart/EvolutionChart/utils.d.ts

@@ -1,8 +1,25 @@
-import { Chart as ChartJS } from 'chart.js';
-type BarLineChart = ChartJS<"bar" | "line">;
-export declare const hideAllLineDatasets: (chart: BarLineChart) => void;
-export declare const showEvolution: (chart: BarLineChart, datasetIndex: number | null, offset?: boolean) => void;
-export declare const resetBarColor: (chart: BarLineChart) => void;
-export declare const opacifyBarColor: (chart: BarLineChart, datasetIndex: number, hexOpacity?: string) => void;
-export declare const COLORS: string[];
-export {};
+import { EvolutionChartDataset } from './EvolutionChart';
+import { Theme } from '@mui/material/styles';
+export type TransformedData = {
+    name: string;
+    total: number;
+    [key: string]: string | number;
+};
+export type Point = {
+    x: number;
+    y: number;
+};
+export declare const transformData: (labels: string[], values: EvolutionChartDataset[]) => TransformedData[];
+export declare const getColors: (values: EvolutionChartDataset[], theme: Theme) => string[];
+export declare const getAggregatedTotals: (values: EvolutionChartDataset[]) => number[];
+export declare const clamp: (v: number, min: number, max: number) => number;
+export declare const computeControlPoints: (_p0: Point, p1: Point, p2: Point, _p3: Point, _invertBump?: boolean) => {
+    cp1: {
+        x: number;
+        y: number;
+    };
+    cp2: {
+        x: number;
+        y: number;
+    };
+};

package/dist/components/Chart/HistogramComparisonChart/ComparisonLabel.d.ts

@@ -7,7 +7,7 @@ export type ComparisonLabelProps = LabelProps & {
     options?: ComparisonLabelOptions;
     precision?: number;
     language?: string;
-    improvementType?: 'increase' | 'decrease';
+    improvementType?: "increase" | "decrease";
     chartHeight?: number;
     valuesFormatterFn?: (value: number) => string;
 };

package/dist/components/Chart/HistogramComparisonChart/HistogramComparisonChart.d.ts

@@ -5,12 +5,12 @@ type HistogramComparisonChartProps = {
     chartStyling?: ChartStylingOptions;
     comparisonLabelOptions?: ComparisonLabelOptions;
     valueLabelOptions?: ValueLabelOptions;
-    valuesFormatterFn?: (value: number) => string;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
     precision?: number;
     chartWidth?: number;
     chartHeight?: number;
     displayComparisonLabel?: boolean;
-    improvementType?: 'increase' | 'decrease';
+    improvementType?: "increase" | "decrease";
 };
 export declare const HistogramComparisonChart: (props: HistogramComparisonChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Chart/HistogramComparisonChart/types.d.ts

@@ -1,7 +1,7 @@
 export type DataPoint = {
     value: number;
     label: string;
-    shape?: 'dotted' | 'solid';
+    shape?: "dotted" | "solid";
     withComparison?: boolean;
     comparisonValue?: number;
 };
@@ -37,7 +37,7 @@ export type ComparisonLabelOptions = {
     minTextSize?: number;
     minUnitSize?: number;
     hideWhenNoSpace?: boolean;
-    improvementType?: 'increase' | 'decrease';
+    improvementType?: "increase" | "decrease";
 };
 export type ValueLabelOptions = {
     valueOffsetY?: number;

package/dist/components/Chart/HorizontalGauge/HorizontalGaugeChart.d.ts

@@ -1,2 +1,2 @@
 import { HorizontalGaugeChartProps } from './types';
-export declare const HorizontalGaugeChart: ({ minValue, maxValue, averageValue, companyValue, labelAverage, labelCompany, width, height, label, animated, backgroundProps, precision, unit, valueFormatter, }: HorizontalGaugeChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalGaugeChart: (props: HorizontalGaugeChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/HorizontalGauge/components/GaugeBackground.d.ts

@@ -1,2 +1,2 @@
 import { GaugeBackgroundProps } from '../types';
-export declare const GaugeBackground: ({ x, y, width, height, animated, backgroundProps }: GaugeBackgroundProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GaugeBackground: ({ x, y, width, height, animated, backgroundProps, }: GaugeBackgroundProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/HorizontalGauge/components/GaugeLabels.d.ts

@@ -1,2 +1,2 @@
 import { GaugeLabelsProps } from '../types';
-export declare const GaugeLabels: ({ minValue, maxValue, companyValue, averageValue, companyPosition, averagePosition, labelCompany, labelAverage, labelYPositions, labelPositions, animated, precision, unit, valueFormatter }: GaugeLabelsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GaugeLabels: ({ minValue, maxValue, companyValue, averageValue, companyPosition, averagePosition, labelCompany, labelAverage, labelYPositions, labelPositions, animated, precision, unit, valueFormatter, }: GaugeLabelsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/HorizontalGauge/types.d.ts

@@ -12,9 +12,9 @@ export type HorizontalGaugeChartProps = {
     backgroundProps?: BackgroundProps;
     precision?: number;
     unit?: string;
-    valueFormatter?: (value: number) => string;
+    valueFormatter?: (value: number, precision?: number) => string;
 };
-export type TextAnchor = 'start' | 'middle' | 'end';
+export type TextAnchor = "start" | "middle" | "end";
 export type LabelPosition = {
     x: number;
     anchor: TextAnchor;
@@ -98,7 +98,7 @@ export type GaugeMarkersProps = {
     unit?: string;
     labelCompany?: string;
     labelAverage?: string;
-    valueFormatter?: (value: number) => string;
+    valueFormatter?: (value: number, precision?: number) => string;
 };
 export type GaugeLabelsProps = {
     minValue: number;
@@ -114,5 +114,5 @@ export type GaugeLabelsProps = {
     animated: boolean;
     precision?: number;
     unit?: string;
-    valueFormatter?: (value: number) => string;
+    valueFormatter?: (value: number, precision?: number) => string;
 };

package/dist/components/Chart/Legend/Legend.d.ts

@@ -0,0 +1,16 @@
+import { ChartLegend } from './types';
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+export type ChartLegendProps = {
+    labels?: string[];
+    values?: number[];
+    colors?: Property.Color[];
+    icons?: ReactNode[];
+    legend?: ChartLegend;
+    hoveredDatasetIndex: number | null;
+    onLegendHover?: (index: number | null, event?: React.MouseEvent<HTMLElement>) => void;
+    hidePercentage?: boolean;
+    children?: ReactNode;
+    chartRef?: React.RefObject<HTMLElement>;
+};
+export declare const Legend: (props: ChartLegendProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Chart/Legend/LegendBottom.d.ts

@@ -0,0 +1,17 @@
+import { ChartLegend } from './types';
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+type ChartLegendVariantProps = {
+    values?: number[];
+    labels?: string[];
+    colors?: Property.Color[];
+    icons?: ReactNode[];
+    legend?: ChartLegend;
+    hoveredDatasetIndex: number | null;
+    onLegendHover?: (index: number | null, event?: React.MouseEvent<HTMLElement>) => void;
+    children?: ReactNode;
+    chartRef?: React.RefObject<HTMLElement>;
+    hidePercentage?: boolean;
+};
+export declare const LegendBottom: (props: ChartLegendVariantProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/Legend/LegendRight.d.ts

@@ -0,0 +1,17 @@
+import { ChartLegend } from './types';
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+type ChartLegendVariantProps = {
+    values?: number[];
+    labels?: string[];
+    colors?: Property.Color[];
+    icons?: ReactNode[];
+    legend?: ChartLegend;
+    hoveredDatasetIndex: number | null;
+    onLegendHover?: (index: number | null, event?: React.MouseEvent<HTMLElement>) => void;
+    children?: ReactNode;
+    chartRef?: React.RefObject<HTMLElement>;
+    hidePercentage?: boolean;
+};
+export declare const LegendRight: (props: ChartLegendVariantProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/Legend/LegendSeeMore.d.ts

@@ -0,0 +1,6 @@
+type LegendSeeMoreProps = {
+    action: () => void;
+    seeMore: string | JSX.Element;
+};
+export declare const LegendSeeMore: (props: LegendSeeMoreProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/Legend/index.d.ts

@@ -0,0 +1,5 @@
+export { Legend } from './Legend';
+export { LegendBottom } from './LegendBottom';
+export { LegendRight } from './LegendRight';
+export { LegendSeeMore } from './LegendSeeMore';
+export type { ChartLegend } from './types';

package/dist/components/Chart/Legend/types.d.ts

@@ -0,0 +1,5 @@
+export type ChartLegend = {
+    position: "bottom" | "top" | "left" | "right";
+    actions?: Array<(() => void) | undefined>;
+    seeMore?: string;
+};

package/dist/components/Chart/Legend/utils.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material';
+import { Property } from 'csstype';
+export declare const extractPaletteFromTheme: (theme: Theme, min: number, max: number) => Property.Color[];
+export declare const createPalette: (colors: Property.Color[], values: number[]) => Property.Color[];
+export declare const createDistribution: (values: number[]) => number[];
+export declare const dispatchMouseEventOnChart: (element: HTMLElement | null, x: number, y: number) => void;
+export declare const dispatchMouseLeaveOnChart: (element: HTMLElement | null) => void;

package/dist/components/Chart/ScatterPlot/ScatterPlot.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '@mui/material';
+import { ChartLegend } from '../Legend/types';
+export type Point = {
+    x: number;
+    y: number;
+    label: string;
+    id?: number | string;
+    additionalContent?: ReactNode;
+};
+export type SeriesData = {
+    name: string;
+    color?: string;
+    data: Point[];
+};
+export type SelectedPoint = {
+    point: Point;
+    seriesName: string;
+    absoluteCoordinate: {
+        x: number;
+        y: number;
+    };
+};
+export type ScatterPlotProps = {
+    values: SeriesData[];
+    xLabel: ReactNode;
+    yLabel: ReactNode;
+    onPointSelection: (selectedPoint: SelectedPoint | null) => void;
+    width?: string;
+    height?: string;
+    valueFormatterFn?: (value: number, precision?: number) => string;
+    precision?: number;
+    language?: string;
+    unit?: string;
+    xUnit?: string;
+    yUnit?: string;
+    textOptions?: {
+        for: string;
+    };
+    legend?: ChartLegend;
+    onLegendHover?: (index: number | null) => void;
+    tooltipOptions?: {
+        button?: {
+            variant?: ButtonProps["variant"];
+            color?: ButtonProps["color"];
+            size?: ButtonProps["size"];
+            text?: string;
+            startIcon?: ReactNode;
+            onClick?: () => void;
+            href?: string;
+        };
+    };
+};
+export declare const ScatterPlot: (props: ScatterPlotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/ScatterPlot/ScatterPlotCore.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '@mui/material';
+import { SelectedPoint, SeriesData } from './ScatterPlot';
+export type ScatterPlotCoreProps = {
+    values: SeriesData[];
+    onPointSelection: (selectedPoint: SelectedPoint | null) => void;
+    valueFormatterFn?: (value: number, precision?: number) => string;
+    precision?: number;
+    language?: string;
+    unit?: string;
+    xUnit?: string;
+    yUnit?: string;
+    textOptions?: {
+        for: string;
+    };
+    onLegendHover?: (index: number | null) => void;
+    showSeriesInTooltip?: boolean;
+    tooltipOptions?: {
+        button?: {
+            variant?: ButtonProps["variant"];
+            color?: ButtonProps["color"];
+            size?: ButtonProps["size"];
+            text?: string;
+            endIcon?: ReactNode;
+            onClick?: () => void;
+            href?: string;
+        };
+    };
+};
+export declare const ScatterPlotCore: (props: ScatterPlotCoreProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/ScatterPlot/ScatterPlotHoverOverlay.d.ts

@@ -0,0 +1,9 @@
+import { HoverState } from './useScatterPlotInteraction';
+type OverlayProps = {
+    hover: HoverState;
+    valueFormatterFn?: (value: number, precision?: number) => string;
+    precision?: number;
+    language?: string;
+};
+export declare const ScatterPlotHoverOverlay: (props: OverlayProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Chart/ScatterPlot/ScatterPlotLabels.d.ts

@@ -0,0 +1,6 @@
+type ScatterPlotLabelsProps = {
+    containerWidth: number;
+    shouldShowLabels: boolean;
+};
+export declare const ScatterPlotLabels: ({ containerWidth, shouldShowLabels }: ScatterPlotLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};