pace-chart-lib 1.0.62 → 1.0.63

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

@@ -56,6 +56,7 @@ export type TChartProps = {
     isReportEditable?: any;
     isAdvancedAnalyticsWaterFall?: boolean;
     onDataLabelCoordinatesChange?: (coords: any[]) => void;
+    addLocalFilterFromLib?: (clickedLegendData: any) => void;
 };
 export type TChartJSON = {
     dimensionList: string[];

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

@@ -8,7 +8,8 @@ export interface IChartProps {
     clientHeight: number;
     formatOptions: TDefaultChartFormatOptionsType;
     isReportEditable?: boolean;
-    onDataLabelCoordinatesChange?: any;
+    onDataLabelCoordinatesChange?: (coords: any[]) => void;
+    addLocalFilterFromLib?: (clickedLegendData: any) => void;
 }
 export interface IPieofPieChartProps {
     chartId: string;

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

@@ -372,6 +372,7 @@ export type TBubbleChartProps = {
     data: any;
     legendEntries?: TLegendsFormatting[];
     formatOptions?: TDefaultChartFormatOptionsType;
+    addLocalFilterFromLib?: (clickedLegendData: any) => void;
 };
 export declare const referenceLineTypes: {
     None: string;

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, dataTableHeight: number, margin: TChartMargins, 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, addLocalFilterFromLib?: (clickedLegendData: any) => void): void;
 /**
  * @param {string[]} list - Array of legend strings.
  * @param {TDefaultChartFormatOptionsType} formatOptions - Chart formatting options including legend font size and family.
@@ -123,7 +123,7 @@ export declare const findStringWithLongestLength: (data: (string | Record<string
  * @param {TDefaultChartFormatOptionsType} chartFormatOptions - Configuration object for formatting styles and settings.
  * @param {string} chartId - Unique ID for the chart, used to identify elements within the SVG.
  */
-export declare const legendsWithScroll: (svg: any, seriesData: TSeries[] | TVennSeries[], x: number, y: number, width: number, height: number, legendPosition: string, alignment: string, legendShape: string, chartFormatOptions: TDefaultChartFormatOptionsType, chartId: string, isVennChart?: boolean) => void;
+export declare const legendsWithScroll: (svg: any, seriesData: TSeries[] | TVennSeries[], x: number, y: number, width: number, height: number, legendPosition: string, alignment: string, legendShape: string, chartFormatOptions: TDefaultChartFormatOptionsType, chartId: string, isVennChart?: boolean, addLocalFilterFromLib?: (clickedLegendData: any) => void) => void;
 /**
  *
  * Appends a filled circle shape to the given legend container.
@@ -207,7 +207,7 @@ export declare const marginCalculationsForChartsWithoutAxis: (chartFormatOptions
  * @param chartId - The unique identifier for the chart.
  * @param margins - The margins for the chart area.
  */
-export declare const initLegendListWithTotalValueAllowance: (chartFormatOptions: TDefaultChartFormatOptionsType, svg: d3.Selection<SVGGElement, any, any, any>, seriesData: TSeries[], width: number, height: number, legendListWidth: number, chartTitleHeight: number, chartId: string, margins: TChartMargins, staticLegendShape: string, shouldAllowTotalValueMargin?: boolean) => void;
+export declare const initLegendListWithTotalValueAllowance: (chartFormatOptions: TDefaultChartFormatOptionsType, svg: d3.Selection<SVGGElement, any, any, any>, seriesData: TSeries[], width: number, height: number, legendListWidth: number, chartTitleHeight: number, chartId: string, margins: TChartMargins, staticLegendShape: string, shouldAllowTotalValueMargin?: boolean, addLocalFilterFromLib?: any) => void;
 /**
  * Calculates the maximum possible width and height for the legends based on the longest legend string.
  * @param chartFormatOptions - The format options for the chart.

package/dist/pace-chart-lib.es.js

@@ -16195,7 +16195,7 @@ const fileName$b = "CommonFunctions.ts";
   chartTypes.Speedometer,
   chartTypes.RadialBarChart
 ];
-function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType) {
+function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType, addLocalFilterFromLib) {
   try {
     let position = formatOptions.legends.legendPosition;
     let horizontalLegendAlignment = formatOptions.legends.legendAlignmentTopBottom;
@@ -16217,7 +16217,9 @@ function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width,
             verticalLegendAlignment,
             legendShape,
             formatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.top:
@@ -16232,7 +16234,9 @@ function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width,
             horizontalLegendAlignment,
             legendShape,
             formatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.left:
@@ -16249,7 +16253,9 @@ function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width,
             verticalLegendAlignment,
             legendShape,
             formatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.bottom:
@@ -16264,7 +16270,9 @@ function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width,
             horizontalLegendAlignment,
             legendShape,
             formatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
       }
@@ -16789,7 +16797,7 @@ const findStringWithLongestLength = (data, key) => {
     logError$2(fileName$b, "findStringWithLongestLength", error);
   }
 };
-const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false) => {
+const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false, addLocalFilterFromLib) => {
   try {
     if (chartFormatOptions.legends.legendVisibility) {
       let justifyContent = "";
@@ -16812,7 +16820,9 @@ const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPositio
       if (legendPosition == staticLegendPosition.top || legendPosition == staticLegendPosition.bottom)
         div.style("flex-direction", "row");
       seriesData.forEach((d, i) => {
-        let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("mousemove", function() {
+        let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("dblclick", function() {
+          addLocalFilterFromLib(d?.properties);
+        }).on("mousemove", function() {
           if (chartFormatOptions.legends.onHoverEffect) {
             const hoverId = this.textContent.replace(/\s+/g, "-");
             svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
@@ -17080,7 +17090,7 @@ const marginCalculationsForChartsWithoutAxis = (chartFormatOptions, width, heigh
     logError$2(fileName$b, "marginCalculationsForChartsWithoutAxis", error);
   }
 };
-const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true) => {
+const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true, addLocalFilterFromLib) => {
   try {
     let position = chartFormatOptions.legends.legendPosition;
     let totalPosition = chartFormatOptions.total.totalPosition;
@@ -17103,7 +17113,9 @@ const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesDa
           verticalLegendAlignment,
           staticLegendShape2,
           chartFormatOptions,
-          chartId
+          chartId,
+          false,
+          addLocalFilterFromLib
         );
         break;
       case staticLegendPosition.top:
@@ -17118,7 +17130,9 @@ const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesDa
           horizontalLegendAlignment,
           staticLegendShape2,
           chartFormatOptions,
-          chartId
+          chartId,
+          false,
+          addLocalFilterFromLib
         );
         break;
       case staticLegendPosition.left:
@@ -17133,7 +17147,9 @@ const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesDa
           verticalLegendAlignment,
           staticLegendShape2,
           chartFormatOptions,
-          chartId
+          chartId,
+          false,
+          addLocalFilterFromLib
         );
         break;
       case staticLegendPosition.bottom:
@@ -17148,7 +17164,9 @@ const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesDa
           horizontalLegendAlignment,
           staticLegendShape2,
           chartFormatOptions,
-          chartId
+          chartId,
+          false,
+          addLocalFilterFromLib
         );
         break;
     }
@@ -17382,7 +17400,8 @@ const ColumnChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -17598,7 +17617,9 @@ const ColumnChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -17954,7 +17975,8 @@ const CustomColumnChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -18182,8 +18204,9 @@ const CustomColumnChart = ({
       chartId,
       dataTableHeight,
       margin,
-      null
-      // legendShape.rectangle
+      null,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -19097,7 +19120,8 @@ const LayeredColumnChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -19300,7 +19324,9 @@ const LayeredColumnChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -19651,7 +19677,8 @@ const StackColumnChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -19853,7 +19880,9 @@ const StackColumnChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -20387,7 +20416,8 @@ const NormalizedStackColumnChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -20588,7 +20618,9 @@ const NormalizedStackColumnChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -22223,7 +22255,8 @@ const LineChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   const barWidth = 0;
@@ -22441,7 +22474,9 @@ const LineChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.line
+      staticLegendShape.line,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -22796,7 +22831,8 @@ const StackLineChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   const barWidth = 0;
@@ -22999,7 +23035,9 @@ const StackLineChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.line
+      staticLegendShape.line,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -23381,7 +23419,8 @@ const NormalisedStackLineChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   const barWidth = 0;
@@ -23575,7 +23614,9 @@ const NormalisedStackLineChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.line
+      staticLegendShape.line,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -23909,7 +23950,8 @@ const HorizontalBarChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -24111,7 +24153,9 @@ const HorizontalBarChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -24459,7 +24503,8 @@ const StackHorizontalChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -24633,7 +24678,9 @@ const StackHorizontalChart = ({
       chartId,
       0,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -25181,7 +25228,8 @@ const NormalizedStackHorizontalBarChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -25354,7 +25402,9 @@ const NormalizedStackHorizontalBarChart = ({
       chartId,
       0,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -25659,7 +25709,8 @@ const LayeredHorizontalBarChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -25831,7 +25882,9 @@ const LayeredHorizontalBarChart = ({
       chartId,
       0,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -26873,7 +26926,8 @@ const AreaChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   const barWidth = 0;
@@ -27089,7 +27143,9 @@ const AreaChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.areaWithLine
+      staticLegendShape.areaWithLine,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -27463,7 +27519,8 @@ const StackAreaChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   const barWidth = 0;
@@ -27666,7 +27723,9 @@ const StackAreaChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.areaWithLine
+      staticLegendShape.areaWithLine,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -28063,7 +28122,8 @@ const NormalizedStackAreaChart = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   const barWidth = 0;
@@ -28256,7 +28316,9 @@ const NormalizedStackAreaChart = ({
       chartId,
       dataTableHeight,
       margin,
-      staticLegendShape.areaWithLine
+      staticLegendShape.areaWithLine,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,
@@ -28720,7 +28782,7 @@ const drawTotalValue = (chartFormatOptions, totalValue, chartTitleHeight, chartA
   }
 };
 const fileName$8 = "PieChart.tsx";
-const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange }) => {
+const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange, addLocalFilterFromLib }) => {
   const svgRef = useRef();
   const seriesData = generalizedChartData(data.ChartData);
   let chartFormatOptions;
@@ -28772,7 +28834,9 @@ const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelC
       chartTitleHeight,
       chartId,
       margins,
-      staticLegendShape.circle
+      staticLegendShape.circle,
+      void 0,
+      addLocalFilterFromLib
     );
     initPieChartData();
     drawPieChart();
@@ -29150,7 +29214,8 @@ const DonutChart = ({
   formatOptions,
   chartId,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const svgRef = useRef();
   const seriesData = generalizedChartData(data.ChartData);
@@ -29205,7 +29270,8 @@ const DonutChart = ({
       chartId,
       margins,
       staticLegendShape.hollowCircle,
-      false
+      false,
+      addLocalFilterFromLib
     );
     initPieChartData();
     drawDonutChart();
@@ -30316,7 +30382,8 @@ const PyramidChart = ({
   data,
   formatOptions,
   chartId,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const svgRef = useRef();
   let seriesData = generalizedChartData(data.ChartData);
@@ -30370,7 +30437,8 @@ const PyramidChart = ({
       chartId,
       margins,
       staticLegendShape.rectangle,
-      false
+      false,
+      addLocalFilterFromLib
     );
     initPyramidData();
     drawPyramidChart();
@@ -30704,7 +30772,8 @@ const fileName$3 = "ProgressChart.tsx";
 const ProgressChart = ({
   data: { ChartData },
   formatOptions,
-  chartId
+  chartId,
+  addLocalFilterFromLib
 }) => {
   const svgRef = useRef();
   let seriesData = generalizedChartData(ChartData);
@@ -30757,7 +30826,9 @@ const ProgressChart = ({
       chartTitleHeight,
       chartId,
       margins,
-      staticLegendShape.hollowCircle
+      staticLegendShape.hollowCircle,
+      true,
+      addLocalFilterFromLib
     );
     initProgressChartData();
     drawProgressChart();
@@ -31484,7 +31555,8 @@ function logError(fileName2, functionName, error) {
 const RadialBarChart = ({
   data: { ChartData },
   formatOptions,
-  chartId
+  chartId,
+  addLocalFilterFromLib
 }) => {
   const svgRef = useRef();
   const seriesData = generalizedChartData(ChartData);
@@ -31533,7 +31605,9 @@ const RadialBarChart = ({
       chartTitleHeight,
       chartId,
       margins,
-      staticLegendShape.hollowCircle
+      staticLegendShape.hollowCircle,
+      false,
+      addLocalFilterFromLib
     );
     initRadialBarChart();
   };
@@ -54683,7 +54757,8 @@ const OrganizationChart = ({
 const BubbleChart = ({
   data,
   formatOptions,
-  chartId
+  chartId,
+  addLocalFilterFromLib
 }) => {
   let legendEntries = data.LegendList;
   const svgRef = useRef();
@@ -55097,7 +55172,9 @@ const BubbleChart = ({
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.circle
+        staticLegendShape.circle,
+        false,
+        addLocalFilterFromLib
       );
     } catch (e) {
       logError$2("BubbleChart", "initLegendList", e);
@@ -57118,7 +57195,8 @@ const DotPlot = ({
   formatOptions,
   data,
   isReportEditable,
-  onDataLabelCoordinatesChange
+  onDataLabelCoordinatesChange,
+  addLocalFilterFromLib
 }) => {
   const chartId = crypto.randomUUID();
   let columnWidth = 0;
@@ -57289,7 +57367,9 @@ const DotPlot = ({
       chartId,
       0,
       margin,
-      staticLegendShape.rectangle
+      staticLegendShape.rectangle,
+      chartType,
+      addLocalFilterFromLib
     );
     horizontalScrollBar(
       seriesData,

package/dist/pace-chart-lib.umd.js

@@ -16198,7 +16198,7 @@
     chartTypes.Speedometer,
     chartTypes.RadialBarChart
   ];
-  function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType) {
+  function drawLegends(height, svg, maxLegendDimensions, chartTitleHeight, width, legendMargin, formatOptions, seriesData, chartId, dataTableHeight, margin, legendShape, chartType, addLocalFilterFromLib) {
     try {
       let position = formatOptions.legends.legendPosition;
       let horizontalLegendAlignment = formatOptions.legends.legendAlignmentTopBottom;
@@ -16220,7 +16220,9 @@
               verticalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.top:
@@ -16235,7 +16237,9 @@
               horizontalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.left:
@@ -16252,7 +16256,9 @@
               verticalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
           case staticLegendPosition.bottom:
@@ -16267,7 +16273,9 @@
               horizontalLegendAlignment,
               legendShape,
               formatOptions,
-              chartId
+              chartId,
+              false,
+              addLocalFilterFromLib
             );
             break;
         }
@@ -16792,7 +16800,7 @@
       logError$2(fileName$b, "findStringWithLongestLength", error);
     }
   };
-  const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false) => {
+  const legendsWithScroll = (svg, seriesData, x2, y2, width, height, legendPosition, alignment, legendShape, chartFormatOptions, chartId, isVennChart = false, addLocalFilterFromLib) => {
     try {
       if (chartFormatOptions.legends.legendVisibility) {
         let justifyContent = "";
@@ -16815,7 +16823,9 @@
         if (legendPosition == staticLegendPosition.top || legendPosition == staticLegendPosition.bottom)
           div.style("flex-direction", "row");
         seriesData.forEach((d, i) => {
-          let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("mousemove", function() {
+          let innerdiv = div.append("div").style("display", "inline-flex").style("justify-content", "flex-start").style("align-items", "center").style("width", "fit-content").style("margin", "3px 0px").style("flex-wrap", "nowrap").style("white-space", "nowrap").on("dblclick", function() {
+            addLocalFilterFromLib(d?.properties);
+          }).on("mousemove", function() {
             if (chartFormatOptions.legends.onHoverEffect) {
               const hoverId = this.textContent.replace(/\s+/g, "-");
               svg.selectAll(".parentGroup").classed("highlight", false).classed("unhighlight", true);
@@ -17083,7 +17093,7 @@
       logError$2(fileName$b, "marginCalculationsForChartsWithoutAxis", error);
     }
   };
-  const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true) => {
+  const initLegendListWithTotalValueAllowance = (chartFormatOptions, svg, seriesData, width, height, legendListWidth, chartTitleHeight, chartId, margins, staticLegendShape2, shouldAllowTotalValueMargin = true, addLocalFilterFromLib) => {
     try {
       let position = chartFormatOptions.legends.legendPosition;
       let totalPosition = chartFormatOptions.total.totalPosition;
@@ -17106,7 +17116,9 @@
             verticalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.top:
@@ -17121,7 +17133,9 @@
             horizontalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.left:
@@ -17136,7 +17150,9 @@
             verticalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
         case staticLegendPosition.bottom:
@@ -17151,7 +17167,9 @@
             horizontalLegendAlignment,
             staticLegendShape2,
             chartFormatOptions,
-            chartId
+            chartId,
+            false,
+            addLocalFilterFromLib
           );
           break;
       }
@@ -17385,7 +17403,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -17601,7 +17620,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -17957,7 +17978,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -18185,8 +18207,9 @@
         chartId,
         dataTableHeight,
         margin,
-        null
-        // legendShape.rectangle
+        null,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -19100,7 +19123,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -19303,7 +19327,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -19654,7 +19680,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -19856,7 +19883,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -20390,7 +20419,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -20591,7 +20621,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -22226,7 +22258,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -22444,7 +22477,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -22799,7 +22834,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -23002,7 +23038,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -23384,7 +23422,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -23578,7 +23617,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.line
+        staticLegendShape.line,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -23912,7 +23953,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -24114,7 +24156,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -24462,7 +24506,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -24636,7 +24681,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -25184,7 +25231,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -25357,7 +25405,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -25662,7 +25712,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -25834,7 +25885,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -26876,7 +26929,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -27092,7 +27146,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -27466,7 +27522,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -27669,7 +27726,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -28066,7 +28125,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     const barWidth = 0;
@@ -28259,7 +28319,9 @@
         chartId,
         dataTableHeight,
         margin,
-        staticLegendShape.areaWithLine
+        staticLegendShape.areaWithLine,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,
@@ -28723,7 +28785,7 @@
     }
   };
   const fileName$8 = "PieChart.tsx";
-  const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange }) => {
+  const PieChart = ({ data, formatOptions, chartId, isReportEditable, onDataLabelCoordinatesChange, addLocalFilterFromLib }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData);
     let chartFormatOptions;
@@ -28775,7 +28837,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.circle
+        staticLegendShape.circle,
+        void 0,
+        addLocalFilterFromLib
       );
       initPieChartData();
       drawPieChart();
@@ -29153,7 +29217,8 @@
     formatOptions,
     chartId,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(data.ChartData);
@@ -29208,7 +29273,8 @@
         chartId,
         margins,
         staticLegendShape.hollowCircle,
-        false
+        false,
+        addLocalFilterFromLib
       );
       initPieChartData();
       drawDonutChart();
@@ -30319,7 +30385,8 @@
     data,
     formatOptions,
     chartId,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     let seriesData = generalizedChartData(data.ChartData);
@@ -30373,7 +30440,8 @@
         chartId,
         margins,
         staticLegendShape.rectangle,
-        false
+        false,
+        addLocalFilterFromLib
       );
       initPyramidData();
       drawPyramidChart();
@@ -30707,7 +30775,8 @@
   const ProgressChart = ({
     data: { ChartData },
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     let seriesData = generalizedChartData(ChartData);
@@ -30760,7 +30829,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.hollowCircle
+        staticLegendShape.hollowCircle,
+        true,
+        addLocalFilterFromLib
       );
       initProgressChartData();
       drawProgressChart();
@@ -31487,7 +31558,8 @@
   const RadialBarChart = ({
     data: { ChartData },
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     const svgRef = require$$0$1.useRef();
     const seriesData = generalizedChartData(ChartData);
@@ -31536,7 +31608,9 @@
         chartTitleHeight,
         chartId,
         margins,
-        staticLegendShape.hollowCircle
+        staticLegendShape.hollowCircle,
+        false,
+        addLocalFilterFromLib
       );
       initRadialBarChart();
     };
@@ -54686,7 +54760,8 @@
   const BubbleChart = ({
     data,
     formatOptions,
-    chartId
+    chartId,
+    addLocalFilterFromLib
   }) => {
     let legendEntries = data.LegendList;
     const svgRef = require$$0$1.useRef();
@@ -55100,7 +55175,9 @@
           chartTitleHeight,
           chartId,
           margins,
-          staticLegendShape.circle
+          staticLegendShape.circle,
+          false,
+          addLocalFilterFromLib
         );
       } catch (e) {
         logError$2("BubbleChart", "initLegendList", e);
@@ -57121,7 +57198,8 @@
     formatOptions,
     data,
     isReportEditable,
-    onDataLabelCoordinatesChange
+    onDataLabelCoordinatesChange,
+    addLocalFilterFromLib
   }) => {
     const chartId = crypto.randomUUID();
     let columnWidth = 0;
@@ -57292,7 +57370,9 @@
         chartId,
         0,
         margin,
-        staticLegendShape.rectangle
+        staticLegendShape.rectangle,
+        chartType,
+        addLocalFilterFromLib
       );
       horizontalScrollBar(
         seriesData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pace-chart-lib",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "description": "A simple React + Vite + TS UI library with a Button using custom fonts via SCSS.",
   "license": "MIT",
   "type": "module",