pace-chart-lib 1.0.22 → 1.0.24

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

@@ -1,5 +1,5 @@
 import * as d3 from "d3";
-import { TSeries } from "../Core/Common.types";
+import { TData, TSeries } from "../Core/Common.types";
 import { TDefaultChartFormatOptionsType } from "../Core/DefaultProperties.types";
 import { TChartJSON, TMargin } from "./ChartsWithAxisTypes.types";
 /**
@@ -648,3 +648,5 @@ export declare function calculateVisibleBars(innerWidth: number, formatOptions:
 };
 export declare const clamp: (v: any, a: any, b: any) => number;
 export declare const horizontalScrollBar: (seriesData: any, height: any, width: any, svg: any, margin: any, innerWidth: any, scrollbarVisible: any, visibleBars: any, chartJSON: any, scrollPosition: any, isStackedChart: any, setAndUpdateChartData: any, isBarChart?: boolean) => void;
+export declare function addTotalValue(totalValueMap: Map<string, number>, xScale: any, yScale: any, margin: TMargin, d3Annotation: any, oldAnnotationList: any[], formatOptions: TDefaultChartFormatOptionsType, chartType: string, height: number, width: number, svg: any, isReportEditable?: boolean, isBarChart?: boolean): void;
+export declare function createTotalMeasureValueMap(data: TData, totalValueMap: Map<string, number>, filteredDimension: string[]): void;

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

@@ -41,7 +41,11 @@ export declare enum chartTypes {
     OrganizationChart = "OrganizationChart",
     PyramidChart = "PyramidChart",
     ProgressChart = "ProgressChart",
-    RadialBarChart = "RadialBarChart"
+    RadialBarChart = "RadialBarChart",
+    CombinationLine = "CombinationLine",
+    CombinationArea = "CombinationArea",
+    CombinationStackArea = "CombinationStackArea",
+    TornadoDefaultEntry = "defaultEntry"
 }
 export type TChartProps = {
     data: TData;

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

@@ -13,13 +13,28 @@ export declare enum connectedStyle {
     "dashed" = 7
 }
 export declare enum staticLineStyle {
-    "solid" = "solid",
-    "dotted" = "dotted",
-    "dashed" = "dashed"
+    "none" = "None",
+    "solid" = "Solid",
+    "dotted" = "Dotted",
+    "dashed" = "Dashed"
 }
-import { defaultChartFormatOptions } from "./DefaultProperties.types";
+export declare enum strokeLineCap {
+    "butt" = "butt",
+    "round" = "round",
+    "square" = "square"
+}
+export declare enum axisTypes {
+    "primary" = "Primary",
+    "secondary" = "Secondary"
+}
+export declare enum visibilityCondition {
+    "visible" = "visible",
+    "hidden" = "hidden"
+}
+export declare const strokeDashValues = "20,10,5,5,5,10";
 import * as d3 from "d3";
 import * as d3Annotation from "d3-svg-annotation";
+import { defaultChartFormatOptions } from "./DefaultProperties.types";
 export type TTextMeasureOptions = {
     content: string;
     fontSize?: number;
@@ -267,6 +282,10 @@ export declare enum horizontalLegendAllignment {
     end = "End"
 }
 export type TSeries = {
+    legendUniqueId: any;
+    Type: any;
+    Axis: any;
+    AxisDataList: any;
     legend: string;
     data: TDataPoint[];
     properties?: TLegendEntry;
@@ -369,4 +388,14 @@ export type TScatterChartProps = {
     colorsList: TLegendsFormatting[];
     formatOptions: TDefaultChartFormatOptionsType;
 };
+export declare enum commonColors {
+    white = "#FFFFFF",
+    black = "#000000",
+    transparent = "#FFFFFF00"
+}
+export declare enum tornadoEntryName {
+    positive = "Positive",
+    negative = "Negative",
+    default = "defaultEntry"
+}
 export {};

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

@@ -1,7 +1,7 @@
 import * as d3 from "d3";
 import type { TChartJSON } from "../ChartsWithAxis/ChartsWithAxisTypes.types";
-import { type TAnnotationObject, type TChartMargins, type TDefaultChartFormatOptionsType, type TSeries, type TTextDimensions } from "./Common.types";
 import { TVennSeries } from "../ChartsWithoutAxis/ChartsWithoutAxisTypes.types";
+import { type TAnnotationObject, type TChartMargins, type TDefaultChartFormatOptionsType, type TSeries, type TTextDimensions } from "./Common.types";
 export declare const svgID = "scaling-svg-";
 export declare function getRandomColor(): {
     color: string;
@@ -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, inputSeries: 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, legendShape: string, chartType?: string): void;
 /**
  * @param {string[]} list - Array of legend strings.
  * @param {TDefaultChartFormatOptionsType} formatOptions - Chart formatting options including legend font size and family.
@@ -51,7 +51,7 @@ export declare function calculateMaxLegendWidth(list: string[], formatOptions: T
  *
  * @returns {void} This function does not return a value; it appends and updates SVG marker elements in the DOM.
  */
-export declare function lineMarkers(lines: any, chartData: TSeries[], type: string, xScale: any, yScale: any, yScaleRight: any, tooltipHandle: any, formatOptions: TDefaultChartFormatOptionsType, chartJSON: TChartJSON, secondaryCustomYaxisMaxValue: number, secondaryCustomYaxisMinValue: number, customYaxisMinValue: number, customYaxisMaxValue: number, isNormalizedChart: boolean): void;
+export declare function lineMarkers(lines: any, chartData: TSeries[], type: any, xScale: any, yScale: any, yScaleRight: any, tooltipHandle: any, formatOptions: TDefaultChartFormatOptionsType, chartJSON: TChartJSON, secondaryCustomYaxisMaxValue: number, secondaryCustomYaxisMinValue: number, customYaxisMinValue: number, customYaxisMaxValue: number, isNormalizedChart: boolean): void;
 /**
  * Attaches hover interactions to the area chart elements to show markers and tooltips
  * when the user moves the mouse over the chart.
@@ -234,7 +234,7 @@ export declare const marginCalculationsForChartsWithoutLegends: (chartFormatOpti
     innerWidth: number;
 };
 export declare const convertStringToNumber: (value: any) => any;
-export declare function generalizedChartData(chartData: any, dimensionList?: any): any;
+export declare function generalizedChartData(chartData: any, dimensionList?: any, isTornadoChart?: boolean): any;
 export declare const getJQuerySelector: (strSeletor?: string) => string;
 export declare const connectorNumberFormat: (numerator: any, denominator: any, decimalValues: any, numberFormat: any, x: any, y: any, formatOptions: TDefaultChartFormatOptionsType) => any;
 export declare const getHoverId: (inputText: string) => string;

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

@@ -1,13 +1,14 @@
+import { axisTypes, commonColors } from "./Common.types";
 export declare const chartProperties: {
     color: string;
     name: string;
     type: string;
-    axis: string;
+    axis: axisTypes;
     alias: string;
     fontSize: number;
     fontStyle: any[];
     fontFamily: string;
-    labelColor: string;
+    labelColor: commonColors;
     hideZeroValues: boolean;
     markerShape: string;
     lineStyle: string;
@@ -41,7 +42,7 @@ export declare const chartProperties: {
     valueFontStyle: any[];
     valueFont: string;
     valueFontColor: string;
-    backgroundColor: string;
+    backgroundColor: commonColors;
     nodeHeight: number;
     nodeWidth: number;
     setColorScale: boolean;
@@ -52,7 +53,7 @@ export declare const chartProperties: {
     actualChartType: string;
     secondaryAxisBgColor: string;
     stackBorderWidth: number;
-    stackBorderColor: string;
+    stackBorderColor: commonColors;
     stackBorderStyle: number;
     seriesLabelVisibility: boolean;
     individualAnnotationVisibility: string;

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

@@ -1,3 +1,4 @@
+import { commonColors } from "./Common.types";
 export declare const defaultChartFormatOptions: {
     chartDescription: {
         chartDescriptionVisibility: boolean;
@@ -5,10 +6,10 @@ export declare const defaultChartFormatOptions: {
         chartDescriptionId: string;
     };
     chartArea: {
-        chartAreaColor: string;
+        chartAreaColor: commonColors;
         chartAreaBorder: boolean;
         chartAreaBorderThickness: string;
-        chartAreaBorderColor: string;
+        chartAreaBorderColor: commonColors;
         chartAreaBorderStyle: string;
     };
     chartTitle: {
@@ -16,20 +17,20 @@ export declare const defaultChartFormatOptions: {
         chartTitleFontSize: string;
         chartTitleFontFamily: string;
         chartTitleFontStyle: any[];
-        chartTitleColor: string;
+        chartTitleColor: commonColors;
         chartTitleText: string;
         dynamicTitleText: string;
         chartTitleHTML: string;
     };
     xAxisLabel: {
         xAxisLabelVisibility: boolean;
-        xAxisColor: string;
-        xAxisColorInverted: string;
+        xAxisColor: commonColors;
+        xAxisColorInverted: commonColors;
         xAxisWidth: string;
         xAxisLabelFontSize: string;
         xAxisLabelFontFamily: string;
         xAxisLabelFontStyle: any[];
-        xAxisLabelColor: string;
+        xAxisLabelColor: commonColors;
         xAxisNumberFormat: string;
         xAxisQuarterFormat: string;
         xAxisDisplayUnits: string;
@@ -60,7 +61,7 @@ export declare const defaultChartFormatOptions: {
         xAxisTitleFontSize: string;
         xAxisTitleFontFamily: string;
         xAxisTitleFontStyle: any[];
-        xAxisTitleColor: string;
+        xAxisTitleColor: commonColors;
         xAxisTitleText: string;
         xAxisDynamicTitleText: string;
         xAxisTitleHTML: string;
@@ -71,13 +72,13 @@ export declare const defaultChartFormatOptions: {
     };
     yAxisLabel: {
         yAxisLabelVisibility: boolean;
-        yAxisColor: string;
-        yAxisColorInverted: string;
+        yAxisColor: commonColors;
+        yAxisColorInverted: commonColors;
         yAxisWidth: string;
         yAxisLabelFontSize: string;
         yAxisLabelFontFamily: string;
         yAxisLabelFontStyle: any[];
-        yAxisLabelColor: string;
+        yAxisLabelColor: commonColors;
         yAxisNumberFormat: string;
         yAxisDisplayUnits: string;
         yAxisLabelRotation: number;
@@ -102,19 +103,19 @@ export declare const defaultChartFormatOptions: {
         yAxisTitleFontSize: string;
         yAxisTitleFontFamily: string;
         yAxisTitleFontStyle: any[];
-        yAxisTitleColor: string;
+        yAxisTitleColor: commonColors;
         yAxisTitleText: string;
         yAxisDynamicTitleText: string;
         yAxisTitleHTML: string;
     };
     secondaryYAxisLabel: {
         secondaryYAxisLabelVisibility: boolean;
-        secondaryYAxisColor: string;
+        secondaryYAxisColor: commonColors;
         secondaryYAxisWidth: string;
         secondaryYAxisLabelFontSize: string;
         secondaryYAxisLabelFontFamily: string;
         secondaryYAxisLabelFontStyle: any[];
-        secondaryYAxisLabelColor: string;
+        secondaryYAxisLabelColor: commonColors;
         secondaryYAxisNumberFormat: string;
         secondaryYAxisDisplayUnits: string;
         secondaryYAxisDisplayUnitsLabel: boolean;
@@ -132,7 +133,7 @@ export declare const defaultChartFormatOptions: {
         secondaryYAxisTitleFontSize: string;
         secondaryYAxisTitleFontFamily: string;
         secondaryYAxisTitleFontStyle: any[];
-        secondaryYAxisTitleColor: string;
+        secondaryYAxisTitleColor: commonColors;
         secondaryYAxisTitleText: string;
         secondaryYAxisDynamicTitleText: string;
         secondaryYAxisTitleHTML: string;
@@ -157,17 +158,17 @@ export declare const defaultChartFormatOptions: {
         legendFontStyle: any[];
         legendBorder: boolean;
         legendBorderThickness: string;
-        legendBorderColor: string;
-        vennLabelColor: string;
+        legendBorderColor: commonColors;
+        vennLabelColor: commonColors;
         onHoverEffect: boolean;
         legendColorMode: string;
-        legendSelectedUnicolor: string;
+        legendSelectedUnicolor: commonColors;
     };
     plotArea: {
-        plotAreaColor: string;
+        plotAreaColor: commonColors;
         plotAreaBorder: boolean;
         plotAreaBorderThickness: string;
-        plotAreaBorderColor: string;
+        plotAreaBorderColor: commonColors;
         plotAreaGapWidth: string;
         plotAreaSeriesWidth: string;
         plotAreaBarWidth: string;
@@ -188,21 +189,21 @@ export declare const defaultChartFormatOptions: {
         dataLabelsforMaps: boolean;
         dataLabelPosition: string;
         dataLabelSize: string;
-        dataLabelValueColor: string;
+        dataLabelValueColor: commonColors;
         dataLabelValueFontSize: string;
         dataLabelValueFontFamily: string;
         dataLabelValueFontStyle: any[];
         dataLabelNumberFormat: string;
         dataLabelNumberFormatProgress: string;
         axialAxis: boolean;
-        axialAxisDataLabelColor: string;
+        axialAxisDataLabelColor: commonColors;
         axialAxisDataLabelFontSize: string;
         axialAxisDataLabelFontFamily: string;
         axialAxisDataLabelFontStyle: any[];
         axialAxisDataLabelNumberFormat: string;
         axialAxisDataLabelDecimalPrecision: string;
         dataLabelDecimalPrecision: string;
-        dataLabelNameColor: string;
+        dataLabelNameColor: commonColors;
         dataLabelNameFontSize: string;
         dataLabelNameFontFamily: string;
         dataLabelNameFontStyle: any[];
@@ -215,7 +216,7 @@ export declare const defaultChartFormatOptions: {
         arcTransition: boolean;
         innerRadiusForSpeedometer: string;
         ticks: string;
-        pointerColor: string;
+        pointerColor: commonColors;
         pointerHeadLength: string;
         totalColor: string;
         positiveColor: string;
@@ -226,14 +227,14 @@ export declare const defaultChartFormatOptions: {
         bubbleSizeIndex: string;
         scatterSizeIndex: string;
         hideZeroValues: boolean;
-        boxLineColor: string;
+        boxLineColor: commonColors;
         boxLineWidth: string;
         boxOutlier: boolean;
         boxOutlierRadius: string;
         plotAreaShowTrendLine: boolean;
         plotAreaTrendLine: string;
         plotAreaTrendLineWidth: string;
-        plotAreaTrendLineColor: string;
+        plotAreaTrendLineColor: commonColors;
         opacity: string;
         plotAreaCalculatedHigh: string;
         plotAreaCalculatedLow: string;
@@ -247,7 +248,7 @@ export declare const defaultChartFormatOptions: {
         totalAlias: boolean;
         totalAliasText: string;
         refLineBorderThickness: string;
-        refLineBorderColor: string;
+        refLineBorderColor: commonColors;
         flipPyramid: boolean;
         opacityforProgressScale: string;
         opacityforProgressGoal: string;
@@ -273,7 +274,7 @@ export declare const defaultChartFormatOptions: {
         markerSize: string;
         markerShape: string;
         lineWidth: string;
-        markerColor: string;
+        markerColor: commonColors;
     };
     annotation: {
         annotationDraggable: boolean;
@@ -285,7 +286,7 @@ export declare const defaultChartFormatOptions: {
         annotationVisibility: string;
         annotationPosition: string;
         annotationNumberFormat: string;
-        annotationColor: string;
+        annotationColor: commonColors;
         annotationFontSize: string;
         annotationFontFamily: string;
         annotationFontStyle: any[];
@@ -306,7 +307,7 @@ export declare const defaultChartFormatOptions: {
         connectorStyle: string;
         dataLabelsCoordinates: any[];
         totalNumberFormat: string;
-        totalColor: string;
+        totalColor: commonColors;
         totalFontSize: string;
         totalFontFamily: string;
         totalFontStyle: any[];
@@ -339,7 +340,7 @@ export declare const defaultChartFormatOptions: {
         curviness: string;
         nodesBorderVisibility: boolean;
         nodesBorderThickness: string;
-        nodesBorderColor: string;
+        nodesBorderColor: commonColors;
         nodeBorderStyle: string;
         nodesLabelVisibility: boolean;
         nodesLabelFontSize: string;
@@ -347,7 +348,7 @@ export declare const defaultChartFormatOptions: {
         nodesLabelFontStyle: any[];
         nodeLabelNumberFormat: string;
         nodeLabelDecimalPrecision: string;
-        nodesLabelColor: string;
+        nodesLabelColor: commonColors;
         nodesLabelDisplayUnits: string;
         nodesLabelOverlap: boolean;
         nodesLabelWrap: boolean;
@@ -355,13 +356,13 @@ export declare const defaultChartFormatOptions: {
         nodeWidth: string;
         nodeType: string;
         nodesBorderRadius: string;
-        dataLabelValueColor: string;
+        dataLabelValueColor: commonColors;
         dataLabelValueFontSize: string;
         dataLabelValueFontFamily: string;
         dataLabelNumberFormat: string;
         dataLabelDecimalPrecision: string;
         dataLabelValueStyle: any[];
-        nodesLabelFontColor: string;
+        nodesLabelFontColor: commonColors;
         nodesDisplayUnits: string;
         percentageVisibility: boolean;
         nodesLabelOverflow: boolean;
@@ -377,7 +378,7 @@ export declare const defaultChartFormatOptions: {
         binsCalculationValue: string;
         binsBorderVisibility: boolean;
         binsBorderThickness: string;
-        binsBorderColor: string;
+        binsBorderColor: commonColors;
         binsBorderOpacity: string;
     };
     connector: {
@@ -393,15 +394,15 @@ export declare const defaultChartFormatOptions: {
         connectorNumberFormat: string;
         connectorLineThickness: string;
         connectorLineColor: string;
-        connectorMarkerColor: string;
-        connectorFontColor: string;
+        connectorMarkerColor: commonColors;
+        connectorFontColor: commonColors;
         connectorDecimalPrecision: string;
         connectorDisplayUnits: string;
         connectorStyle: string;
         lineType: string;
         connectorType: string;
         connectorColorOption: string;
-        connectorUniformLineColor: string;
+        connectorUniformLineColor: commonColors;
     };
     footerNote: {
         footerNoteVisibility: boolean;
@@ -409,28 +410,28 @@ export declare const defaultChartFormatOptions: {
         footerNoteFontSize: string;
         footerNoteFontFamily: string;
         footerNoteFontStyle: any[];
-        footerNoteFontColor: string;
+        footerNoteFontColor: commonColors;
         footerNoteBorder: boolean;
         footerNoteBorderThickness: string;
-        footerNoteBorderColor: string;
+        footerNoteBorderColor: commonColors;
     };
     pieofPie: {
         pieOfPieDataLabels: boolean;
         pieOfPieDataLabelValue: boolean;
         pieOfPieAbsoluteValue: boolean;
-        pieOfPieValueColor: string;
+        pieOfPieValueColor: commonColors;
         pieOfPieValueFontSize: string;
         pieOfPieValueFontFamily: string;
         pieOfPieValueFontStyle: any[];
         pieOfPieNumberFormat: string;
         pieOfPieName: boolean;
-        pieOfPieNameColor: string;
+        pieOfPieNameColor: commonColors;
         pieOfPieNameFontSize: string;
         pieOfPieNameFontFamily: string;
         pieOfPieNameFontStyle: any[];
         pieOfPieRadius: number;
         pieOfPieLineWidth: string;
-        pieOfPieLineColor: string;
+        pieOfPieLineColor: commonColors;
         pointerValueDecimalPrecision: string;
         displayUnits: string;
     };
@@ -495,7 +496,7 @@ export declare const defaultChartFormatOptions: {
         pointerValueFontSize: string;
         pointerValueFontFamily: string;
         pointerValueFontStyle: any[];
-        pointerValueColor: string;
+        pointerValueColor: commonColors;
         pointerValueAlias: boolean;
         pointerValueAliasText: string;
     };
@@ -512,8 +513,8 @@ export declare const defaultChartFormatOptions: {
     };
     bubbleformatting: {
         showBubble: boolean;
-        bubbleColor: string;
-        bubbleBorderColor: string;
+        bubbleColor: commonColors;
+        bubbleBorderColor: commonColors;
         bubbleBorderWidth: string;
         bubbleOpacity: string;
     };
@@ -524,7 +525,7 @@ export declare const defaultChartFormatOptions: {
     };
     columnBreakLine: {
         breakLineVisibility: boolean;
-        breakLineColor: string;
+        breakLineColor: commonColors;
         breakLineWidth: string;
         breakLineStyle: string;
     };
@@ -538,7 +539,7 @@ export declare const defaultChartFormatOptions: {
     column: {
         stackBorderVisibility: boolean;
         stackBorderWidth: string;
-        stackBorderColor: string;
+        stackBorderColor: commonColors;
         stackBorderStyle: string;
     };
     line: {
@@ -553,7 +554,7 @@ export declare const defaultChartFormatOptions: {
         seriesLabelFontFamily: string;
         seriesLabelFontSize: string;
         seriesLabelFontStyle: any[];
-        seriesLabelBackgroundColor: string;
+        seriesLabelBackgroundColor: commonColors;
         seriesLabelPosition: string;
     };
     dataTableProperties: {
@@ -564,7 +565,7 @@ export declare const defaultChartFormatOptions: {
         dataTableNumberFormat: string;
         dataTableDecimalPrecision: string;
         dataTableDisplayUnits: string;
-        dataTableLabelColor: string;
+        dataTableLabelColor: commonColors;
     };
     dataTableOuterBorder: {
         borderButtonVisibility: boolean;