@feedmepos/ui-library 1.9.1 → 1.10.0

package/dist/CHANGELOG.md

@@ -1,8 +1,12 @@
-# 1.9.1
+# 1.10.0
+
+- `FmBar`, `FmLine`, `FmPie`
+  - Add `plugins` prop to support custom Chart.js plugins
+
+# 1.9.2
 
 - `FmStepperField`
   - Fix browser default blue focus outline appearing on input element
-  - Added explicit `:focus` style to override browser defaults
 
 # 1.9.0
 

package/dist/components/chart/bar/FmBar.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LegendOptions, TooltipOptions } from 'chart.js';
+import type { LegendOptions, TooltipOptions, Plugin } from 'chart.js';
 import type { XAxis } from '../../../components/chart/line/FmLine.vue';
 import type { FmChartDataLabelsOptions, FmChartAxisOptions } from '../../../components/chart';
 export interface BarDataset {
@@ -56,7 +56,9 @@ type FmBarProp = {
     /**
      * customize tooltip
      */
-    tooltip?: Partial<TooltipOptions<'bar'>>;
+    tooltip?: Omit<Partial<TooltipOptions<'bar'>>, 'callbacks'> & {
+        callbacks?: Partial<TooltipOptions<'bar'>['callbacks']>;
+    };
     /**
      * customize datalabels
      */
@@ -69,6 +71,10 @@ type FmBarProp = {
      * customize Y axis
      */
     yCfg?: Partial<FmChartAxisOptions>;
+    /**
+     * custom chart plugins
+     */
+    plugins?: Plugin<'bar'>[];
     /**
      * custom chart height
      */
@@ -113,7 +119,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     legend: Partial<LegendOptions<"bar">>;
     width: string;
     height: string;
-    tooltip: Partial<TooltipOptions<"bar">>;
+    tooltip: Omit<Partial<TooltipOptions<"bar">>, "callbacks"> & {
+        callbacks?: Partial<import("chart.js").TooltipCallbacks<"bar", import("chart.js").TooltipModel<"bar">, import("chart.js").TooltipItem<"bar">>> | undefined;
+    };
     paragraph: string;
     transpose: boolean;
     stacked: boolean;

package/dist/components/chart/index.d.ts

@@ -28,6 +28,7 @@ export interface FmChartDataLabelsOptions {
     font?: {
         size?: number;
     };
+    color?: string;
 }
 export interface FmChartAxisOptions {
     display?: boolean;

package/dist/components/chart/line/FmLine.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LegendOptions, TooltipOptions } from 'chart.js';
+import type { LegendOptions, TooltipOptions, Plugin } from 'chart.js';
 import type { FmChartAxisOptions, FmChartDataLabelsOptions } from '../../../components/chart';
 export interface Dataset {
     label: string;
@@ -60,7 +60,9 @@ type FmLineProp = {
     /**
      * customize tooltip
      */
-    tooltip?: Partial<TooltipOptions<'line'>>;
+    tooltip?: Omit<Partial<TooltipOptions<'line'>>, 'callbacks'> & {
+        callbacks?: Partial<TooltipOptions<'line'>['callbacks']>;
+    };
     /**
      * customize datalabels
      */
@@ -73,6 +75,10 @@ type FmLineProp = {
      * customize Y axis
      */
     yCfg?: Partial<FmChartAxisOptions>;
+    /**
+     * custom chart plugins
+     */
+    plugins?: Plugin<'line'>[];
     /**
      * custom chart height
      */
@@ -113,7 +119,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     legend: Partial<LegendOptions<"line">>;
     width: string;
     height: string;
-    tooltip: Partial<TooltipOptions<"line">>;
+    tooltip: Omit<Partial<TooltipOptions<"line">>, "callbacks"> & {
+        callbacks?: Partial<import("chart.js").TooltipCallbacks<"line", import("chart.js").TooltipModel<"line">, import("chart.js").TooltipItem<"line">>> | undefined;
+    };
     paragraph: string;
     transpose: boolean;
     hideXAxis: boolean;

package/dist/components/chart/pie/FmPie.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ChartType, LegendOptions, TooltipOptions } from 'chart.js';
+import type { ChartType, LegendOptions, TooltipOptions, Plugin } from 'chart.js';
 import type { FmChartDataLabelsOptions } from '../../../components/chart';
 export interface PieDataset {
     label: string;
@@ -57,7 +57,13 @@ type FmPieProp = {
     /**
      * customize tooltip
      */
-    tooltip?: TooltipOptions<Extract<ChartType, 'pie' | 'doughnut'>>;
+    tooltip?: Omit<TooltipOptions<Extract<ChartType, 'pie' | 'doughnut'>>, 'callbacks'> & {
+        callbacks?: TooltipOptions<Extract<ChartType, 'pie' | 'doughnut'>>['callbacks'];
+    };
+    /**
+     * custom chart plugins
+     */
+    plugins?: Plugin<'pie' | 'doughnut'>[];
     /**
      * customize datalabels
      */