@spteck/fluentui-react-charts 1.1.1 → 1.1.3

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

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface BarProps<T> {
@@ -12,6 +13,8 @@ export interface BarProps<T> {
     title?: string;
     showDatalabels?: boolean;
     theme: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'bar'>) => string | number | undefined;
 }
-export declare function BarChart<T extends object>({ data, getPrimary, getSecondary, title, showDatalabels, stacked, theme, }: BarProps<T>): React.JSX.Element;
+export declare function BarChart<T extends object>({ data, getPrimary, getSecondary, title, showDatalabels, stacked, theme, renderTooltipLabel, paletteId, }: BarProps<T>): React.JSX.Element;
 export default BarChart;

package/dist/charts/ComboChart/ComboChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface ComboChartProps<T> {
@@ -12,11 +13,13 @@ export interface ComboChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'bar' | 'line'>) => string | number | undefined;
     /**
      * 'legacy' keeps previous behaviour (single 'y' axis, non-stacked x).
      * 'dual' enables named y-axes ('y-bar' and 'y-line') and stacked x for bars.
      */
     axesMode?: 'legacy' | 'dual';
 }
-export declare function ComboChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, axesMode, }: ComboChartProps<T>): React.JSX.Element;
+export declare function ComboChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, axesMode, renderTooltipLabel, paletteId, }: ComboChartProps<T>): React.JSX.Element;
 export default ComboChart;

package/dist/charts/Doughnut/DoughnutChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface DoughnutChartProps<T> {
@@ -10,6 +11,8 @@ export interface DoughnutChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    renderTooltipLabel?: (item: TooltipItem<'doughnut'>) => string | number | undefined;
+    paletteId?: number;
 }
-export declare function DoughnutChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, }: DoughnutChartProps<T>): React.JSX.Element;
+export declare function DoughnutChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: DoughnutChartProps<T>): React.JSX.Element;
 export default DoughnutChart;

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

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface PieChartProps<T> {
@@ -10,6 +11,8 @@ export interface PieChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'pie'>) => string | number | undefined;
 }
-export declare function PieChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, }: PieChartProps<T>): React.JSX.Element;
+export declare function PieChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: PieChartProps<T>): React.JSX.Element;
 export default PieChart;

package/dist/charts/areaChart/AreaChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface AreaChartProps<T> {
@@ -11,6 +12,8 @@ export interface AreaChartProps<T> {
     title?: string;
     showDatalabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'line'>) => string | number | undefined;
 }
-export declare function AreaChart<T extends object>({ data, getPrimary, getSecondary, title, showDatalabels, theme, stacked, }: AreaChartProps<T>): React.JSX.Element;
+export declare function AreaChart<T extends object>({ data, getPrimary, getSecondary, title, showDatalabels, theme, stacked, renderTooltipLabel, paletteId, }: AreaChartProps<T>): React.JSX.Element;
 export default AreaChart;

package/dist/charts/barHorizontalChart/BarHotizontalChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-theme';
 export interface BarHorizontalProps<T> {
@@ -11,6 +12,8 @@ export interface BarHorizontalProps<T> {
     title?: string;
     showDatalabels?: boolean;
     theme: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'bar'>) => string | number | undefined;
 }
-export declare function BarHorizontalChart<T extends object>({ data, getPrimary, getSecondary, stacked, showDatalabels, title, theme }: BarHorizontalProps<T>): React.JSX.Element;
+export declare function BarHorizontalChart<T extends object>({ data, getPrimary, getSecondary, stacked, showDatalabels, title, theme, renderTooltipLabel, paletteId, }: BarHorizontalProps<T>): React.JSX.Element;
 export default BarHorizontalChart;

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

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface BubbleChartProps<T> {
@@ -11,6 +12,8 @@ export interface BubbleChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'bubble'>) => string | number | undefined;
 }
-export declare function BubbleChart<T extends object>({ data, getPrimary, getSecondary, getRadius, showDataLabels, title, theme, }: BubbleChartProps<T>): React.JSX.Element;
+export declare function BubbleChart<T extends object>({ data, getPrimary, getSecondary, getRadius, showDataLabels, title, renderTooltipLabel, theme, paletteId, }: BubbleChartProps<T>): React.JSX.Element;
 export default BubbleChart;

package/dist/charts/floatBarChart/FloatBarChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface FloatingBarChartProps<T> {
@@ -10,6 +11,8 @@ export interface FloatingBarChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'bar'>) => string | number | undefined;
 }
-export declare function FloatingBarChart<T extends object>({ data, getPrimary, getRange, title, showDataLabels, theme, }: FloatingBarChartProps<T>): React.JSX.Element;
+export declare function FloatingBarChart<T extends object>({ data, getPrimary, getRange, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: FloatingBarChartProps<T>): React.JSX.Element;
 export default FloatingBarChart;

package/dist/charts/index.d.ts

@@ -12,3 +12,4 @@ export * from './radarChart';
 export * from './scatterChart';
 export * from './stackedLineChart';
 export * from './steamChart';
+export type { TooltipItem } from 'chart.js';

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

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface LineChartProps<T> {
@@ -10,6 +11,8 @@ export interface LineChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'line'>) => string | number | undefined;
 }
-export declare function LineChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, }: LineChartProps<T>): React.JSX.Element;
+export declare function LineChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: LineChartProps<T>): React.JSX.Element;
 export default LineChart;

package/dist/charts/polarChart/PolarChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface PolarChartProps<T> {
@@ -10,6 +11,8 @@ export interface PolarChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'polarArea'>) => string | number | undefined;
 }
-export declare function PolarChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, }: PolarChartProps<T>): React.JSX.Element;
+export declare function PolarChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: PolarChartProps<T>): React.JSX.Element;
 export default PolarChart;

package/dist/charts/radarChart/RadarChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface RadarChartProps<T> {
@@ -10,6 +11,8 @@ export interface RadarChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'radar'>) => string | number | undefined;
 }
-export declare function RadarChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, }: RadarChartProps<T>): React.JSX.Element;
+export declare function RadarChart<T extends object>({ data, getLabel, getValue, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: RadarChartProps<T>): React.JSX.Element;
 export default RadarChart;

package/dist/charts/scatterChart/ScatterChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface ScatterChartProps<T> {
@@ -10,6 +11,8 @@ export interface ScatterChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'scatter'>) => string | number | undefined;
 }
-export declare function ScatterChart<T extends object>({ data, getX, getY, title, showDataLabels, theme, }: ScatterChartProps<T>): React.JSX.Element;
+export declare function ScatterChart<T extends object>({ data, getX, getY, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: ScatterChartProps<T>): React.JSX.Element;
 export default ScatterChart;

package/dist/charts/stackedLineChart/StackedLineChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface StackedLineChartProps<T> {
@@ -10,6 +11,8 @@ export interface StackedLineChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    paletteId?: number;
+    renderTooltipLabel?: (item: TooltipItem<'line'>) => string | number | undefined;
 }
-export declare function StackedLineChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, }: StackedLineChartProps<T>): React.JSX.Element;
+export declare function StackedLineChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: StackedLineChartProps<T>): React.JSX.Element;
 export default StackedLineChart;

package/dist/charts/steamChart/SteamChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 import React from 'react';
 import { Theme } from '@fluentui/react-components';
 export interface SteamChartProps<T> {
@@ -10,6 +11,8 @@ export interface SteamChartProps<T> {
     title?: string;
     showDataLabels?: boolean;
     theme?: Theme;
+    renderTooltipLabel?: (item: TooltipItem<'line'>) => string | number | undefined;
+    paletteId?: number;
 }
-export declare function SteamChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, }: SteamChartProps<T>): React.JSX.Element;
+export declare function SteamChart<T extends object>({ data, getPrimary, getSecondary, title, showDataLabels, theme, renderTooltipLabel, paletteId, }: SteamChartProps<T>): React.JSX.Element;
 export default SteamChart;