pace-chart-lib 1.0.54 → 1.0.56

package/dist/Components/Charts/ChartJS/charts/CJSAreaChart.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSAreaChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    /** When true, stacks area datasets on the Y-axis */
+    isChartStacked?: boolean;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js area chart.
+ * Built on the line type with fill: true and a semi-transparent background.
+ */
+declare const CJSAreaChart: React.FC<ICJSAreaChartProps>;
+export default CJSAreaChart;

package/dist/Components/Charts/ChartJS/charts/CJSBubbleChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSBubbleChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth: number;
+    clientHeight: number;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js bubble chart.
+ * Uses TDataPoint.markerSize (or properties.markerSize) as bubble radius.
+ */
+declare const CJSBubbleChart: React.FC<ICJSBubbleChartProps>;
+export default CJSBubbleChart;

package/dist/Components/Charts/ChartJS/charts/CJSColumnChart.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSColumnChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    /** When true renders a stacked bar chart */
+    isChartStacked?: boolean;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js vertical bar chart.
+ * Accepts the same TData / formatOptions props used throughout the library.
+ */
+declare const CJSColumnChart: React.FC<ICJSColumnChartProps>;
+export default CJSColumnChart;

package/dist/Components/Charts/ChartJS/charts/CJSDonutChart.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSDonutChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth: number;
+    clientHeight: number;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js doughnut (donut) chart.
+ * The inner radius cutout is derived from formatOptions.plotArea.innerRadius (0–100).
+ * Segment colours are derived from the active colorBank so they match
+ * the host application's selected theme.
+ */
+declare const CJSDonutChart: React.FC<ICJSDonutChartProps>;
+export default CJSDonutChart;

package/dist/Components/Charts/ChartJS/charts/CJSHorizontalBarChart.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSHorizontalBarChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    isChartStacked?: boolean;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js horizontal bar chart.
+ * Chart.js v4 uses indexAxis: "y" on a regular "bar" chart for horizontal bars.
+ */
+declare const CJSHorizontalBarChart: React.FC<ICJSHorizontalBarChartProps>;
+export default CJSHorizontalBarChart;

package/dist/Components/Charts/ChartJS/charts/CJSLineChart.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSLineChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    /** When true, stacks line datasets on the Y-axis */
+    isChartStacked?: boolean;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js line chart.
+ * Supports secondary Y axis, per-series line styles, and optional Y-axis stacking.
+ */
+declare const CJSLineChart: React.FC<ICJSLineChartProps>;
+export default CJSLineChart;

package/dist/Components/Charts/ChartJS/charts/CJSNormalizedStackAreaChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSNormalizedStackAreaChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js 100% normalized stacked area chart.
+ * Values are converted to percentages of the column total before rendering.
+ * The Y-axis is bounded 0–100 and ticked as whole-number percentages.
+ */
+declare const CJSNormalizedStackAreaChart: React.FC<ICJSNormalizedStackAreaChartProps>;
+export default CJSNormalizedStackAreaChart;

package/dist/Components/Charts/ChartJS/charts/CJSNormalizedStackColumnChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSNormalizedStackColumnChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js 100% normalized stacked vertical bar chart.
+ * Values are converted to percentages of the column total before rendering.
+ * The Y-axis is bounded 0–100 and ticked as whole-number percentages.
+ */
+declare const CJSNormalizedStackColumnChart: React.FC<ICJSNormalizedStackColumnChartProps>;
+export default CJSNormalizedStackColumnChart;

package/dist/Components/Charts/ChartJS/charts/CJSNormalizedStackHorizontalBarChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSNormalizedStackHorizontalBarChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js 100% normalized stacked horizontal bar chart.
+ * Values are converted to percentages of the row total before rendering.
+ * The X-axis is bounded 0–100 and ticked as whole-number percentages.
+ */
+declare const CJSNormalizedStackHorizontalBarChart: React.FC<ICJSNormalizedStackHorizontalBarChartProps>;
+export default CJSNormalizedStackHorizontalBarChart;

package/dist/Components/Charts/ChartJS/charts/CJSNormalizedStackLineChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSNormalizedStackLineChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js 100% normalized stacked line chart.
+ * Values are converted to percentages of the column total before rendering.
+ * The Y-axis is bounded 0–100 and ticked as whole-number percentages.
+ */
+declare const CJSNormalizedStackLineChart: React.FC<ICJSNormalizedStackLineChartProps>;
+export default CJSNormalizedStackLineChart;

package/dist/Components/Charts/ChartJS/charts/CJSPieChart.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSPieChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth: number;
+    clientHeight: number;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js pie chart.
+ *
+ * Data mapping:
+ *  - Multiple series → each series becomes one dataset (multi-ring pie)
+ *  - Most common case: single series whose data points are the pie slices
+ *
+ * Segment colours are derived from the active colorBank so they match
+ * the host application's selected theme.
+ */
+declare const CJSPieChart: React.FC<ICJSPieChartProps>;
+export default CJSPieChart;

package/dist/Components/Charts/ChartJS/charts/CJSPolarAreaChart.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSPolarAreaChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth: number;
+    clientHeight: number;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js polar area chart.
+ * Segments are sized by value (area). Same data shape as pie.
+ * Segment colours are derived from the active colorBank so they match
+ * the host application's selected theme.
+ */
+declare const CJSPolarAreaChart: React.FC<ICJSPolarAreaChartProps>;
+export default CJSPolarAreaChart;

package/dist/Components/Charts/ChartJS/charts/CJSRadarChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSRadarChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth: number;
+    clientHeight: number;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js radar chart.
+ * Labels are the dimension values; each series becomes one polygon.
+ */
+declare const CJSRadarChart: React.FC<ICJSRadarChartProps>;
+export default CJSRadarChart;

package/dist/Components/Charts/ChartJS/charts/CJSScatterChart.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSScatterChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth: number;
+    clientHeight: number;
+    /** Active theme colour bank from the host application. Falls back to default palette. */
+    colorBank?: string[];
+}
+/**
+ * Chart.js scatter chart.
+ * Data points use TDataPoint[0] (or parsed dimension) as X and value as Y.
+ */
+declare const CJSScatterChart: React.FC<ICJSScatterChartProps>;
+export default CJSScatterChart;

package/dist/Components/Charts/ChartJS/charts/CJSStackAreaChart.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSStackAreaChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js stacked area chart.
+ * Delegates to CJSAreaChart with isChartStacked always enabled.
+ */
+declare const CJSStackAreaChart: React.FC<ICJSStackAreaChartProps>;
+export default CJSStackAreaChart;

package/dist/Components/Charts/ChartJS/charts/CJSStackColumnChart.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSStackColumnChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js stacked vertical bar (column) chart.
+ * Delegates to CJSColumnChart with isChartStacked always enabled.
+ */
+declare const CJSStackColumnChart: React.FC<ICJSStackColumnChartProps>;
+export default CJSStackColumnChart;

package/dist/Components/Charts/ChartJS/charts/CJSStackHorizontalBarChart.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSStackHorizontalBarChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js stacked horizontal bar chart.
+ * Delegates to CJSHorizontalBarChart with isChartStacked always enabled.
+ */
+declare const CJSStackHorizontalBarChart: React.FC<ICJSStackHorizontalBarChartProps>;
+export default CJSStackHorizontalBarChart;

package/dist/Components/Charts/ChartJS/charts/CJSStackLineChart.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+interface ICJSStackLineChartProps {
+    data: TData;
+    formatOptions: TDefaultChartFormatOptionsType;
+    clientWidth?: number;
+    clientHeight?: number;
+    colorBank?: string[];
+}
+/**
+ * Chart.js stacked line chart.
+ * Delegates to CJSLineChart with isChartStacked always enabled.
+ */
+declare const CJSStackLineChart: React.FC<ICJSStackLineChartProps>;
+export default CJSStackLineChart;

package/dist/Components/Charts/ChartJS/core/ChartJSDataTransformer.d.ts

@@ -0,0 +1,31 @@
+import type { ChartData } from "chart.js";
+import type { TData, TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+export declare const CJS_DEFAULT_COLORS: string[];
+/** Returns rgba string with the given opacity, e.g. "#FF0000" + 0.4 → "rgba(255,0,0,0.4)" */
+export declare function hexToRgba(hex: string, alpha?: number): string;
+export type TCJSChartType = "bar" | "horizontalBar" | "line" | "area" | "pie" | "doughnut" | "scatter" | "bubble" | "radar" | "polarArea";
+/**
+ * Transforms TData (the existing input format) into a Chart.js ChartData object.
+ *
+ * @param chartData     The raw chart data in the existing TData format.
+ * @param chartType     Target Chart.js chart type.
+ * @param formatOptions Current format options (used for opacity, marker config, etc.).
+ * @param colorBank     Ordered color array derived from the active theme/palette in the host
+ *                      application. Falls back to CJS_DEFAULT_COLORS when omitted.
+ *
+ * For cartesian charts (bar, line, area, radar) the output is:
+ *   { labels: string[], datasets: ChartDataset[] }
+ *
+ * For circular charts (pie, doughnut, polarArea) each label becomes one segment.
+ * The colorBank is used to assign one distinct color per segment so the palette
+ * matches the host application's active theme.
+ *
+ * For scatter/bubble the data points are { x, y } / { x, y, r } objects.
+ */
+export declare function transformToChartJSData(chartData: TData, chartType: TCJSChartType, formatOptions: TDefaultChartFormatOptionsType, colorBank?: string[]): ChartData;
+/**
+ * Produces the same cartesian structure as buildCartesianData but converts all
+ * values to percentages of the column total so that Chart.js renders a 100%
+ * stacked chart when scales are configured with stacked:true and max:100.
+ */
+export declare function transformToNormalizedChartJSData(chartData: TData, chartType: "bar" | "horizontalBar" | "line" | "area", formatOptions: TDefaultChartFormatOptionsType, colorBank?: string[]): ChartData;

package/dist/Components/Charts/ChartJS/core/ChartJSOptionsMapper.d.ts

@@ -0,0 +1,9 @@
+import type { ChartOptions } from "chart.js";
+import type { TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+import type { TCJSChartType } from "./ChartJSDataTransformer";
+/**
+ * Converts existing formatOptions into a Chart.js-compatible options object.
+ * All colours, fonts, and visibility flags are derived from formatOptions so the
+ * CJS charts match the styling configured in the host application's right pane.
+ */
+export declare function mapFormatOptionsToChartJS(formatOptions: TDefaultChartFormatOptionsType, chartType: TCJSChartType, hasSecondaryAxis?: boolean): ChartOptions;

package/dist/Components/Charts/ChartJS/core/ChartJSWrapper.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { type ChartData, type ChartOptions, type ChartType } from "chart.js";
+import type { TDefaultChartFormatOptionsType } from "../../Core/Common.types";
+export interface ICJSWrapperProps {
+    /** Chart.js chart type string */
+    chartType: ChartType;
+    /** Transformed Chart.js data (labels + datasets) */
+    data: ChartData;
+    /** Mapped Chart.js options */
+    options: ChartOptions;
+    /** Original format options — used only for background color */
+    formatOptions: TDefaultChartFormatOptionsType;
+    /** Outer container width in px */
+    clientWidth: number;
+    /** Outer container height in px */
+    clientHeight: number;
+    /** Optional additional className for the wrapper div */
+    className?: string;
+    isChartStacked?: boolean;
+}
+/**
+ * Low-level Chart.js wrapper. Manages canvas lifecycle and re-renders
+ * whenever data or options change. All chart-type-specific logic lives
+ * in the calling component (CJSColumnChart, CJSLineChart, etc.).
+ */
+declare const ChartJSWrapper: React.FC<ICJSWrapperProps>;
+export default ChartJSWrapper;

package/dist/Components/Charts/ChartJS/index.d.ts

@@ -0,0 +1,21 @@
+export { transformToChartJSData, transformToNormalizedChartJSData, hexToRgba, CJS_DEFAULT_COLORS } from "./core/ChartJSDataTransformer";
+export { mapFormatOptionsToChartJS } from "./core/ChartJSOptionsMapper";
+export { default as ChartJSWrapper } from "./core/ChartJSWrapper";
+export { default as CJSColumnChart } from "./charts/CJSColumnChart";
+export { default as CJSStackColumnChart } from "./charts/CJSStackColumnChart";
+export { default as CJSHorizontalBarChart } from "./charts/CJSHorizontalBarChart";
+export { default as CJSStackHorizontalBarChart } from "./charts/CJSStackHorizontalBarChart";
+export { default as CJSLineChart } from "./charts/CJSLineChart";
+export { default as CJSStackLineChart } from "./charts/CJSStackLineChart";
+export { default as CJSAreaChart } from "./charts/CJSAreaChart";
+export { default as CJSStackAreaChart } from "./charts/CJSStackAreaChart";
+export { default as CJSPieChart } from "./charts/CJSPieChart";
+export { default as CJSDonutChart } from "./charts/CJSDonutChart";
+export { default as CJSScatterChart } from "./charts/CJSScatterChart";
+export { default as CJSBubbleChart } from "./charts/CJSBubbleChart";
+export { default as CJSRadarChart } from "./charts/CJSRadarChart";
+export { default as CJSPolarAreaChart } from "./charts/CJSPolarAreaChart";
+export { default as CJSNormalizedStackColumnChart } from "./charts/CJSNormalizedStackColumnChart";
+export { default as CJSNormalizedStackHorizontalBarChart } from "./charts/CJSNormalizedStackHorizontalBarChart";
+export { default as CJSNormalizedStackLineChart } from "./charts/CJSNormalizedStackLineChart";
+export { default as CJSNormalizedStackAreaChart } from "./charts/CJSNormalizedStackAreaChart";

package/dist/Components/Charts/ChartsWithAxis/ChartsWithAxisFunctions.d.ts

@@ -348,7 +348,7 @@ export declare function responsiveXaxisLabel(dimensionList: string[], innerWidth
  *
  * @returns {any} The updated SVG group element (`gTag`) with the initialized X axis.
  */
-export declare function initXaxis(gTag: any, chartJSON: TChartJSON, xLabel: number, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, yScaleLeft: any, xAxis: any, dimensionHeightWidthArray: number[], height: number, barWidth: number, isDateType: string, innerWidth: number, innerHeight: number, filteredDimensionList: string[], xScale: any): any;
+export declare function initXaxis(gTag: any, chartJSON: TChartJSON, xLabel: number, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, yScaleLeft: any, xAxis: any, dimensionHeightWidthArray: number[], height: number, barWidth: number, isDateType: boolean, innerWidth: number, innerHeight: number, filteredDimensionList: string[], xScale: any): any;
 export declare function detectBrowserName(): string;
 /**
  * Formats date dimension marks based on the specified format and datasource.
@@ -401,7 +401,7 @@ export declare function yAxistitle(innerHeight: number, formatOptions: TDefaultC
  * @param secondaryAxisTitleWidth - Width allocated for the secondary Y-axis title.
  * @param innerHeight - Inner height for the chart area.
  */
-export declare function yAxistitleRight(svg: any, isSecondaryAxisDrawn: boolean, margin: TMargin, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, innerHeight: number, innerWidth: number, secondaryYLabel: number, secondaryAxisTitleWidth: number): void;
+export declare function yAxistitleRight(svg: any, isSecondaryAxisDrawn: boolean, margin: TMargin, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, innerHeight: number, innerWidth: number, secondaryYLabel: number, secondaryAxisTitleWidth: number, isBarChart?: boolean): void;
 /**
  * @param svg - The SVG container to append the chart title to.
  * @param formatOptions - Configuration object containing chart title settings and styles.
@@ -529,7 +529,7 @@ export declare function getStackedData(dimensionList: string[], seriesData: TSer
  * - `labelArray`: Array of objects for each visible label with position and size.
  * - `heightWidth`: Tuple representing the max label width and height for layout purposes.
  */
-export declare function prepareDataForSeriesLabel(innerWidth: number, yScaleLeft: any, formatOptions: TDefaultChartFormatOptionsType, filteredData: TSeries[], yScaleRight: any, isSecondaryAxisDrawn: boolean, isStackedChart?: boolean): {
+export declare function prepareDataForSeriesLabel(innerWidth: number, yScaleLeft: any, formatOptions: TDefaultChartFormatOptionsType, filteredData: TSeries[], yScaleRight: any, isSecondaryAxisDrawn: boolean, innerHeight: number, isStackedChart?: boolean): {
     labelArray: any[];
     heightWidth: number[];
 };

package/dist/Components/Charts/ChartsWithAxis/ChartsWithAxisTypes.types.d.ts

@@ -50,7 +50,7 @@ export declare enum chartTypes {
 }
 export type TChartProps = {
     data: TData;
-    isDateType: any;
+    isDateType: boolean;
     chartId?: string;
     formatOptions?: TDefaultChartFormatOptionsType;
     isReportEditable?: any;

package/dist/Components/Charts/ChartsWithoutAxis/ChartsWithoutAxisFunctions.d.ts

@@ -91,5 +91,5 @@ export declare function responsiveXaxisLabelForNumericValue(xMax: number, xMin:
 };
 export declare function initYaxis(gTag: any, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, yLabel: number, yAxisLeft: any, innerHeight: number): void;
 export declare function initXaxis(gTag: any, formatOptions: TDefaultChartFormatOptionsType, dataTableHeight: number, xLabel: number, xAxis: any, innerHeight: number, innerWidth: number, margins: TChartMargins, yScale: any): void;
-export declare function pieFamilyAnnotation(d3Annotation: any, chartData: any, formatOptions: any, getPiePosition: any, chartType: any, width: any, height: any, svg: any, radius: any, isReportEditable: any): void;
+export declare function pieFamilyAnnotation(d3Annotation: any, chartData: any, formatOptions: any, getPiePosition: any, chartType: any, width: any, height: any, svg: any, radius: any, isReportEditable: any, onDataLabelCoordinatesChange: any): void;
 export declare const setnumberOfBubbles: (svg: d3.Selection<SVGSVGElement, unknown, null, undefined>, legendPosition: string, chartFormatOptions: TDefaultChartFormatOptionsType, height: number, width: number, margins: TChartMargins, innnerHeight: number, xTitleHeight: number, XLabelHeight: number, bubbleCount: number) => void;

package/dist/Components/Charts/ChartsWithoutAxis/ChartsWithoutAxisTypes.types.d.ts

@@ -8,6 +8,7 @@ export interface IChartProps {
     clientHeight: number;
     formatOptions: TDefaultChartFormatOptionsType;
     isReportEditable?: boolean;
+    onDataLabelCoordinatesChange?: any;
 }
 export interface IPieofPieChartProps {
     chartId: string;

package/dist/Components/Charts/Core/Common.types.d.ts

@@ -364,21 +364,11 @@ export type TLegendsFormatting = {
     markerColor?: string;
     actualChartType?: string;
 };
-export type bubbleScatterData = {
-    dimension: number;
-    dimensionName: string;
-    legendColor: string;
-    legendName: string;
-    measure: number;
-    measureName: string;
-    sizeName: string;
-    sizeValue: number;
-};
 export type TBubbleChartProps = {
     chartId?: string;
     clientWidth: number;
     clientHeight: number;
-    data: bubbleScatterData[];
+    data: any;
     legendEntries?: TLegendsFormatting[];
     formatOptions?: TDefaultChartFormatOptionsType;
 };
@@ -392,7 +382,7 @@ export type TScatterChartProps = {
     chartId: string;
     clientWidth: number;
     clientHeight: number;
-    data: bubbleScatterData[];
+    data: any;
     shapesList: TLegendsFormatting[];
     colorsList: TLegendsFormatting[];
     formatOptions: TDefaultChartFormatOptionsType;

package/dist/Components/Charts/Core/CommonFunctions.d.ts

@@ -23,7 +23,7 @@ export declare function getRandomColor(): {
  *
  * @return {void} - This function does not return anything. It updates the SVG by rendering legends.
  */
-export declare function drawLegends(height: number, svg: any, maxLegendDimensions: number[], chartTitleHeight: number, width: number, legendMargin: number, formatOptions: TDefaultChartFormatOptionsType, seriesData: TSeries[], chartId: string, legendShape: string, chartType?: string): void;
+export declare function drawLegends(height: number, svg: any, maxLegendDimensions: number[], chartTitleHeight: number, width: number, legendMargin: number, formatOptions: TDefaultChartFormatOptionsType, seriesData: TSeries[], chartId: string, dataTableHeight: number, margin: TChartMargins, legendShape: string, chartType?: string): void;
 /**
  * @param {string[]} list - Array of legend strings.
  * @param {TDefaultChartFormatOptionsType} formatOptions - Chart formatting options including legend font size and family.

package/dist/index.d.ts

@@ -34,3 +34,4 @@ export { default as ScatterChart } from "./Components/Charts/ChartsWithoutAxis/O
 export { default as WaterfallChart } from "./Components/Charts/ChartsWithAxis/MiscellaneousChartFamily/WaterfallChart";
 export { default as TornadoChart } from "./Components/Charts/ChartsWithAxis/MiscellaneousChartFamily/TornadoChart";
 export { default as DotPlot } from "./Components/Charts/ChartsWithAxis/MiscellaneousChartFamily/DotPlot";
+export { CJSColumnChart, CJSStackColumnChart, CJSHorizontalBarChart, CJSStackHorizontalBarChart, CJSLineChart, CJSStackLineChart, CJSAreaChart, CJSStackAreaChart, CJSPieChart, CJSDonutChart, CJSScatterChart, CJSBubbleChart, CJSRadarChart, CJSPolarAreaChart, CJSNormalizedStackColumnChart, CJSNormalizedStackHorizontalBarChart, CJSNormalizedStackLineChart, CJSNormalizedStackAreaChart, ChartJSWrapper, transformToChartJSData, transformToNormalizedChartJSData, mapFormatOptionsToChartJS, hexToRgba, CJS_DEFAULT_COLORS, } from "./Components/Charts/ChartJS/index";