@spteck/fluentui-react-charts 1.1.2 → 1.1.4

package/dist/hooks/useChartUtils.d.ts

@@ -1,10 +1,10 @@
-import { ChartType, TooltipOptions } from 'chart.js';
+import { ChartType, TooltipItem, TooltipOptions } from 'chart.js';
 import { Theme } from '@fluentui/react-components';
 /**
  * Lightens a given hex color by a percentage amount (0 to 1).
  */
 export declare const lightenColor: (hex: string, amount: number) => string;
-export declare const getFluentPalette: (theme: Theme) => string[];
+export declare const getFluentPalette: (theme: Theme, paletteId?: number | undefined) => string[];
 /**
  * Returns animation configuration for instant interactions.
  * Disables hover/tooltip animations for immediate response.
@@ -23,7 +23,9 @@ export declare const getInstantInteractionAnimations: () => {
  * Smart Fluent tooltip generator with chart-type awareness.
  * Optimized for fast performance with reduced animation delays.
  */
-export declare function createFluentTooltip<TType extends ChartType>(theme: Theme): Partial<TooltipOptions<TType>>;
+export declare function createFluentTooltip<TType extends ChartType>(theme: Theme, opts?: {
+    extraField?: string | ((item: TooltipItem<TType>) => string | number | undefined);
+}): Partial<TooltipOptions<TType>>;
 /**
  * Returns a Chart.js ticks callback to truncate long labels and add optional prefix/suffix.
  */
@@ -38,7 +40,7 @@ declare function debounce<T extends (...args: any[]) => void>(fn: T, delay: numb
  */
 export declare function useChartUtils(theme?: Theme): {
     lightenColor: (hex: string, amount: number) => string;
-    getFluentPalette: (theme: Theme) => string[];
+    getFluentPalette: (theme: Theme, paletteId?: number | undefined) => string[];
     createFluentTooltip: typeof createFluentTooltip;
     createAxisLabelFormatter: ({ maxLength, suffix, prefix, }: {
         maxLength?: number | undefined;

package/dist/models/IChart.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from "../charts";
 export declare type ChartType = 'bar' | 'line' | 'area' | 'band' | 'bar-horizontal' | 'bubble' | 'steam' | 'multiple-axes' | 'floating-bar' | 'stacked-line' | 'doughnut' | 'pie' | 'radar' | 'polar' | 'combo' | 'gauge' | 'funnel' | 'heatmap' | 'treemap' | 'sunburst' | 'sankey' | 'waterfall' | 'boxplot' | 'violin' | 'radial-bar' | 'sparkline' | 'scatter';
 export declare type ChartData = {
     name: string;
@@ -20,6 +21,8 @@ export interface IChart {
     /** optional axes mode used by combo charts: 'legacy' | 'dual' */
     axesMode?: 'legacy' | 'dual';
     showDataLabels?: boolean;
+    renderTooltipLabel?: (item: TooltipItem<any>) => string | number | undefined;
+    paletteId?: number;
 }
 export interface BubbleDatum {
     primary: number | string | Date;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.2",
+  "version": "1.1.4",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",