pace-chart-lib 1.0.58 → 1.0.60

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

@@ -11294,7 +11294,13 @@ const defaultChartFormatOptions = {
     annotationBoxVisibility: [],
     annotationHideZeroValues: true,
     annotationShowHiddenValues: true,
-    annotationSetLabelColor: "1"
+    annotationSetLabelColor: "1",
+    annotationRangeFilter: {
+      enabled: false,
+      condition: "lt",
+      minVal: 0,
+      maxVal: 100
+    }
   },
   total: {
     totalVisibility: false,
@@ -13134,6 +13140,25 @@ function getCurvePoints(dx, dy) {
     // end (label)
   ];
 }
+function applyAnnotationRangeFilter(annotationsList, formatOptions, getMeasure) {
+  if (!formatOptions.annotation.annotationRangeFilter?.enabled) return annotationsList;
+  const { condition, minVal, maxVal } = formatOptions.annotation.annotationRangeFilter;
+  return annotationsList.filter((item) => {
+    const measure = getMeasure(item);
+    switch (condition) {
+      case "lt":
+        return measure < maxVal;
+      case "gt":
+        return measure > minVal;
+      case "in":
+        return measure >= minVal && measure <= maxVal;
+      case "not-in":
+        return measure < minVal || measure > maxVal;
+      default:
+        return true;
+    }
+  });
+}
 function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d3Annotation2, labelExcludeList, individualLabelColor, formatOptions, chartType, height, width, innerWidth2, dimensionList, innerHeight2, widgetId, svg, onDataLabelCoordinatesChange, xScaleForLegends, columnWidth, isReportEditable, isSensitivityChart, barChart, isAATornado) {
   try {
     const isTornadoChart = chartType === chartTypes.TornadoChart;
@@ -13397,6 +13422,11 @@ function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d
           (d) => barChart ? d.data.x.measure !== 0 : d.data.y.measure !== 0
         );
       }
+      annotationsList = applyAnnotationRangeFilter(
+        annotationsList,
+        formatOptions,
+        (d) => barChart ? d.data.x.measure : d.data.y.measure
+      );
       if (oldAnnotationList.length === 0) {
         oldAnnotationList = annotationsList;
         oldMap = new Map(
@@ -13945,6 +13975,11 @@ function commonAnnotationsForCustomChart(chartData, xScale, yScaleLeft, yScaleRi
       if (formatOptions.annotation.annotationHideZeroValues) {
         annotationsList = annotationsList.filter((d) => d.data.y !== 0);
       }
+      annotationsList = applyAnnotationRangeFilter(
+        annotationsList,
+        formatOptions,
+        (d) => d.data.y
+      );
       if (oldAnnotationList.length === 0) {
         oldAnnotationList = annotationsList;
         oldMap = new Map(
@@ -15401,6 +15436,11 @@ function stacklineAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin
         // ? 
         annotationsList.push(singleAnnotation);
       });
+      annotationsList = applyAnnotationRangeFilter(
+        annotationsList,
+        formatOptions,
+        (d) => barChart ? d.data.x : d.data.y
+      );
       if (oldAnnotationList.length === 0) {
         oldAnnotationList = annotationsList;
         oldMap = new Map(
@@ -21477,6 +21517,11 @@ function pieFamilyAnnotation(d3Annotation2, chartData, formatOptions, getPiePosi
     let AnnotationsList = chartData.filter((d) => d.x1 - d.x0 > 1e-4).map(createAnnotation);
     const visibleFilter = (d) => (d.data.y?.value ?? 0) !== 0;
     AnnotationsList = AnnotationsList.filter(visibleFilter);
+    AnnotationsList = applyAnnotationRangeFilter(
+      AnnotationsList,
+      formatOptions,
+      (d) => d.data.y.value
+    );
     let oldMap = new Map(
       oldAnnotationList.map((d) => [
         d.data?.x?.legend,
@@ -31462,17 +31507,8 @@ const RadialBarChart = ({
     try {
       let arcTween = function(d, i) {
         try {
-          let interpolate2 = interpolate$4(
-            { endAngle: 0 },
-            { endAngle: scale2(Math.abs(d.data[0].value)) }
-          );
-          return (t) => arc2(
-            {
-              ...d,
-              endAngle: interpolate2(t)
-            },
-            i
-          );
+          const interpolate2 = interpolate$4(0, scale2(Math.abs(d.data[0].value)));
+          return (t) => animArc({ ...d, endAngle: interpolate2(t) }, i);
         } catch (error) {
           logError("RadialBarChart.tsx", "arcTween", error);
         }
@@ -31535,7 +31571,7 @@ const RadialBarChart = ({
       );
       const numArcs = keys.length;
       const arcWidth = (chartRadius - arcMinRadius - numArcs * arcPadding) / numArcs;
-      let arc2 = arc$1().innerRadius((d, i) => getInnerRadius(i)).outerRadius((d, i) => getOuterRadius(i)).startAngle(0).endAngle((d) => scale2(Math.abs(d.data[0].value)));
+      let animArc = arc$1().innerRadius((_d, i) => getInnerRadius(i)).outerRadius((_d, i) => getOuterRadius(i)).startAngle(0).endAngle((d) => d.endAngle);
       let dummyArc = arc$1().innerRadius((d, i) => getInnerRadius(i)).outerRadius((d, i) => getOuterRadius(i)).startAngle(0).endAngle(degToRad(360));
       let radialAxis = svg2.append("g").attr("class", "r axis").selectAll("g").data(ChartData).enter().append("g");
       if (chartFormatOptions.plotArea.axialGrid) {
@@ -31585,7 +31621,7 @@ const RadialBarChart = ({
         "visibility",
         chartFormatOptions.plotArea.axialAxis ? "visible" : "hidden"
       );
-      let arcs = svg2.attr("class", "data").selectAll("path").data(ChartData).enter().append("path").attr("class", "parentGroup").attr("hoverId", (d) => d.data[0].legend.replaceAll(" ", "-")).style("fill", (d, i) => d.properties.color).on("mousemove", (event2, d) => {
+      let arcs = svg2.attr("class", "data").selectAll("path").data(ChartData).enter().append("path").attr("class", "parentGroup").attr("hoverId", (d) => d.data[0].legend.replaceAll(" ", "-")).attr("fill", (d) => d.properties.color).attr("d", (d, i) => animArc({ ...d, endAngle: 0 }, i)).on("mousemove", (event2, d) => {
         showTooltipOnMouseMove(
           [
             {
@@ -31609,7 +31645,11 @@ const RadialBarChart = ({
       }).on("mouseout", () => {
         hideTooltipOnMouseOut();
       });
-      arcs.transition().duration(chartFormatOptions.animation.animationEnabled ? chartFormatOptions.animation.animationDuration : 0).ease(effectsMap[chartFormatOptions.animation.animationEffect]).attrTween("d", arcTween);
+      if (chartFormatOptions.animation.animationEnabled) {
+        arcs.transition().duration(chartFormatOptions.animation.animationDuration).ease(effectsMap[chartFormatOptions.animation.animationEffect]).attrTween("d", arcTween);
+      } else {
+        arcs.attr("d", (d, i) => animArc({ ...d, endAngle: scale2(Math.abs(d.data[0].value)) }, i));
+      }
       if (chartFormatOptions.plotArea.dataLabels) {
         const labelsData = getModifiedDataForLabels(ChartData);
         svg2.selectAll(".arc-label-" + chartId).data(labelsData).enter().append("text").attr("class", "arc-label-" + chartId).attr("class", "parentGroup").attr("text-anchor", "start").attr("dy", (d, i) => (getOuterRadius(d.index ?? i) - getInnerRadius(d.index ?? i)) / 1.75).append("textPath").attr("xlink:href", (d, i) => `#arc-path-${d.index ?? i}-` + chartId).style("startOffset", "50%").attr("hoverId", (d) => d.legend.replaceAll(" ", "-")).text(
@@ -31656,7 +31696,7 @@ const RadialBarChart = ({
           hideTooltipOnMouseOut();
         });
         arcs.each((d, i) => {
-          svg2.append("path").attr("id", `arc-path-${i}-` + chartId).attr("d", dummyArc(d, i)).style("fill", "none").style("stroke", "none");
+          svg2.append("path").attr("id", `arc-path-${i}-` + chartId).attr("d", dummyArc(d, i)).attr("fill", "none").attr("stroke", "none");
         });
       }
     } catch (error) {
@@ -58061,7 +58101,7 @@ function mapFormatOptionsToChartJS(formatOptions, chartType, hasSecondaryAxis =
     if (isHorizontal) {
       opts.scales = {
         x: { ...yScaleOptions, position: "bottom" },
-        y: { ...xScaleOptions, position: "left" }
+        y: { ...xScaleOptions, position: "left", reverse: true }
       };
       if (opts.scales.x.title) {
         opts.scales.x.title.text = formatOptions.yAxisTitle?.yAxisTitleText ?? "Measure";
@@ -73511,7 +73551,7 @@ const CJSPieChart = ({
   formatOptions,
   clientWidth,
   clientHeight,
-  colorBank = CJS_DEFAULT_COLORS
+  colorBank
 }) => {
   const chartData = useMemo(
     () => transformToChartJSData(data, "pie", formatOptions, colorBank),

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

@@ -11297,7 +11297,13 @@
       annotationBoxVisibility: [],
       annotationHideZeroValues: true,
       annotationShowHiddenValues: true,
-      annotationSetLabelColor: "1"
+      annotationSetLabelColor: "1",
+      annotationRangeFilter: {
+        enabled: false,
+        condition: "lt",
+        minVal: 0,
+        maxVal: 100
+      }
     },
     total: {
       totalVisibility: false,
@@ -13137,6 +13143,25 @@
       // end (label)
     ];
   }
+  function applyAnnotationRangeFilter(annotationsList, formatOptions, getMeasure) {
+    if (!formatOptions.annotation.annotationRangeFilter?.enabled) return annotationsList;
+    const { condition, minVal, maxVal } = formatOptions.annotation.annotationRangeFilter;
+    return annotationsList.filter((item) => {
+      const measure = getMeasure(item);
+      switch (condition) {
+        case "lt":
+          return measure < maxVal;
+        case "gt":
+          return measure > minVal;
+        case "in":
+          return measure >= minVal && measure <= maxVal;
+        case "not-in":
+          return measure < minVal || measure > maxVal;
+        default:
+          return true;
+      }
+    });
+  }
   function commonAnnotations(chartData, xScale, yScaleLeft, yScaleRight, margin, d3Annotation2, labelExcludeList, individualLabelColor, formatOptions, chartType, height, width, innerWidth2, dimensionList, innerHeight2, widgetId, svg, onDataLabelCoordinatesChange, xScaleForLegends, columnWidth, isReportEditable, isSensitivityChart, barChart, isAATornado) {
     try {
       const isTornadoChart = chartType === chartTypes.TornadoChart;
@@ -13400,6 +13425,11 @@
             (d) => barChart ? d.data.x.measure !== 0 : d.data.y.measure !== 0
           );
         }
+        annotationsList = applyAnnotationRangeFilter(
+          annotationsList,
+          formatOptions,
+          (d) => barChart ? d.data.x.measure : d.data.y.measure
+        );
         if (oldAnnotationList.length === 0) {
           oldAnnotationList = annotationsList;
           oldMap = new Map(
@@ -13948,6 +13978,11 @@
         if (formatOptions.annotation.annotationHideZeroValues) {
           annotationsList = annotationsList.filter((d) => d.data.y !== 0);
         }
+        annotationsList = applyAnnotationRangeFilter(
+          annotationsList,
+          formatOptions,
+          (d) => d.data.y
+        );
         if (oldAnnotationList.length === 0) {
           oldAnnotationList = annotationsList;
           oldMap = new Map(
@@ -15404,6 +15439,11 @@
           // ? 
           annotationsList.push(singleAnnotation);
         });
+        annotationsList = applyAnnotationRangeFilter(
+          annotationsList,
+          formatOptions,
+          (d) => barChart ? d.data.x : d.data.y
+        );
         if (oldAnnotationList.length === 0) {
           oldAnnotationList = annotationsList;
           oldMap = new Map(
@@ -21480,6 +21520,11 @@
       let AnnotationsList = chartData.filter((d) => d.x1 - d.x0 > 1e-4).map(createAnnotation);
       const visibleFilter = (d) => (d.data.y?.value ?? 0) !== 0;
       AnnotationsList = AnnotationsList.filter(visibleFilter);
+      AnnotationsList = applyAnnotationRangeFilter(
+        AnnotationsList,
+        formatOptions,
+        (d) => d.data.y.value
+      );
       let oldMap = new Map(
         oldAnnotationList.map((d) => [
           d.data?.x?.legend,
@@ -31465,17 +31510,8 @@
       try {
         let arcTween = function(d, i) {
           try {
-            let interpolate2 = interpolate$4(
-              { endAngle: 0 },
-              { endAngle: scale2(Math.abs(d.data[0].value)) }
-            );
-            return (t) => arc2(
-              {
-                ...d,
-                endAngle: interpolate2(t)
-              },
-              i
-            );
+            const interpolate2 = interpolate$4(0, scale2(Math.abs(d.data[0].value)));
+            return (t) => animArc({ ...d, endAngle: interpolate2(t) }, i);
           } catch (error) {
             logError("RadialBarChart.tsx", "arcTween", error);
           }
@@ -31538,7 +31574,7 @@
         );
         const numArcs = keys.length;
         const arcWidth = (chartRadius - arcMinRadius - numArcs * arcPadding) / numArcs;
-        let arc2 = arc$1().innerRadius((d, i) => getInnerRadius(i)).outerRadius((d, i) => getOuterRadius(i)).startAngle(0).endAngle((d) => scale2(Math.abs(d.data[0].value)));
+        let animArc = arc$1().innerRadius((_d, i) => getInnerRadius(i)).outerRadius((_d, i) => getOuterRadius(i)).startAngle(0).endAngle((d) => d.endAngle);
         let dummyArc = arc$1().innerRadius((d, i) => getInnerRadius(i)).outerRadius((d, i) => getOuterRadius(i)).startAngle(0).endAngle(degToRad(360));
         let radialAxis = svg2.append("g").attr("class", "r axis").selectAll("g").data(ChartData).enter().append("g");
         if (chartFormatOptions.plotArea.axialGrid) {
@@ -31588,7 +31624,7 @@
           "visibility",
           chartFormatOptions.plotArea.axialAxis ? "visible" : "hidden"
         );
-        let arcs = svg2.attr("class", "data").selectAll("path").data(ChartData).enter().append("path").attr("class", "parentGroup").attr("hoverId", (d) => d.data[0].legend.replaceAll(" ", "-")).style("fill", (d, i) => d.properties.color).on("mousemove", (event2, d) => {
+        let arcs = svg2.attr("class", "data").selectAll("path").data(ChartData).enter().append("path").attr("class", "parentGroup").attr("hoverId", (d) => d.data[0].legend.replaceAll(" ", "-")).attr("fill", (d) => d.properties.color).attr("d", (d, i) => animArc({ ...d, endAngle: 0 }, i)).on("mousemove", (event2, d) => {
           showTooltipOnMouseMove(
             [
               {
@@ -31612,7 +31648,11 @@
         }).on("mouseout", () => {
           hideTooltipOnMouseOut();
         });
-        arcs.transition().duration(chartFormatOptions.animation.animationEnabled ? chartFormatOptions.animation.animationDuration : 0).ease(effectsMap[chartFormatOptions.animation.animationEffect]).attrTween("d", arcTween);
+        if (chartFormatOptions.animation.animationEnabled) {
+          arcs.transition().duration(chartFormatOptions.animation.animationDuration).ease(effectsMap[chartFormatOptions.animation.animationEffect]).attrTween("d", arcTween);
+        } else {
+          arcs.attr("d", (d, i) => animArc({ ...d, endAngle: scale2(Math.abs(d.data[0].value)) }, i));
+        }
         if (chartFormatOptions.plotArea.dataLabels) {
           const labelsData = getModifiedDataForLabels(ChartData);
           svg2.selectAll(".arc-label-" + chartId).data(labelsData).enter().append("text").attr("class", "arc-label-" + chartId).attr("class", "parentGroup").attr("text-anchor", "start").attr("dy", (d, i) => (getOuterRadius(d.index ?? i) - getInnerRadius(d.index ?? i)) / 1.75).append("textPath").attr("xlink:href", (d, i) => `#arc-path-${d.index ?? i}-` + chartId).style("startOffset", "50%").attr("hoverId", (d) => d.legend.replaceAll(" ", "-")).text(
@@ -31659,7 +31699,7 @@
             hideTooltipOnMouseOut();
           });
           arcs.each((d, i) => {
-            svg2.append("path").attr("id", `arc-path-${i}-` + chartId).attr("d", dummyArc(d, i)).style("fill", "none").style("stroke", "none");
+            svg2.append("path").attr("id", `arc-path-${i}-` + chartId).attr("d", dummyArc(d, i)).attr("fill", "none").attr("stroke", "none");
           });
         }
       } catch (error) {
@@ -58064,7 +58104,7 @@
       if (isHorizontal) {
         opts.scales = {
           x: { ...yScaleOptions, position: "bottom" },
-          y: { ...xScaleOptions, position: "left" }
+          y: { ...xScaleOptions, position: "left", reverse: true }
         };
         if (opts.scales.x.title) {
           opts.scales.x.title.text = formatOptions.yAxisTitle?.yAxisTitleText ?? "Measure";
@@ -73514,7 +73554,7 @@ ${formattedValue}` : formattedValue;
     formatOptions,
     clientWidth,
     clientHeight,
-    colorBank = CJS_DEFAULT_COLORS
+    colorBank
   }) => {
     const chartData = require$$0$1.useMemo(
       () => transformToChartJSData(data, "pie", formatOptions, colorBank),

package/package.json

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

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

@@ -1,18 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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;