@datarailsshared/dr_renderer 1.2.439 → 1.2.441

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.2.439",
+  "version": "1.2.441",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/src/highcharts_renderer.js

@@ -2090,6 +2090,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         highchartsRenderer.setYAxisMinMax(chartOptions.yAxis[1], opts.comboOptions.secondaryAxisSettings);
     };
 
+    /**
+     * @deprecated Basic Pie Chart has been deprecated. Please use PieWithDrilldown instead.
+     */
+
     highchartsRenderer.ptRenderBasicPie = function (pivotData, opts) {
         var chartOptions = {};
         var additionOptions = opts.chartOptions ? opts.chartOptions : highchartsRenderer.getDefaultValueForChart('pie-chart');

package/tests/highcharts_renderer.test.js

@@ -8321,6 +8321,185 @@ describe('highcharts_renderer', () => {
         });
     });
 
+    describe('highchartsRenderer.ptRenderPieWithDrillDown', () => {
+        beforeEach(() => {
+            jest.spyOn(highchartsRenderer, 'ptCreateSeriesToDrillDownChart')
+                .mockReturnValue([{ name: 'Sample Series', data: [1, 2, 3] }]);
+            jest.spyOn(highchartsRenderer, 'ptCreateElementAndDraw').mockImplementation(() => {});
+        });
+    
+        afterEach(() => {
+            jest.restoreAllMocks();
+        });
+    
+        it('should call ptCreateElementAndDraw with correct chart options', () => {
+            const pivotData = {
+                getColKeys: jest.fn(() => [['Category 1'], ['Category 2']]),
+                getRowKeys: jest.fn(() => [['Row 1'], ['Row 2']]),
+                isDrillDownDisabled: false,
+                getAggregator: jest.fn((row, col) => ({
+                    value: jest.fn(() => 100)
+                })),
+                rows: { 0: { type: 'Date' }, 1: { type: 'Date' } },
+                cols: { 0: { type: 'Category' }, 1: { type: 'Category' } }
+            };
+    
+            const opts = {
+                chartOptions: {
+                    label_pie: {
+                        overlap: true,
+                        show: true
+                    },
+                    chart: {
+                        colors_offset: 1
+                    }
+                }
+            };
+    
+            const drilldownFunc = jest.fn();
+
+            highchartsRenderer.ptRenderPieWithDrillDown(pivotData, opts, drilldownFunc);
+    
+            const expectedChartOptions = {
+                chart: {
+                    type: 'pie',
+                    events: {
+                        drilldown: expect.any(Function),
+                        drillup: expect.any(Function)
+                    }
+                },
+                colors: ["#91e7e7", "#f37789", "#ffdc65", "#0e569d", "#bbe0ff", "#57b2ff", "#5ecfb9", "#c7ffda", "#179ab9", "#008aff"], 
+                plotOptions: {
+                    series: {
+                        animation: true,
+                        dataLabels: {
+                            allowOverlap: true,
+                            color: "#151a41",
+                            enabled: true,
+                            formatter: expect.any(Function),
+                            style: {
+                                "fontFamily": "Poppins", 
+                                "fontSize": "11",
+                                "fontWeight": "normal"
+                            }
+                        },
+                        showInLegend: true
+                    }
+                },
+                tooltip: {
+                    headerFormat: '',
+                    pointFormatter: expect.any(Function)
+                },
+                series: [{ name: 'Sample Series', data: [1, 2, 3] }], 
+                legend: {
+                    align: "right",
+                    borderWidth: 0,
+                    enabled: true,
+                    itemMarginTop: 10,
+                    layout: "vertical",
+                    verticalAlign: "top",
+                    y: 13
+                },
+                drilldown: {}, 
+                subtitle: {
+                    align: "center",
+                    style: {
+                        "color": "#2969b0",
+                        "font-family": "'Poppins', sans-serif",
+                        "font-size": "14px",
+                        "font-weight": "100"
+                    },
+                    text: ""
+                },
+                title: {
+                    align: "center",
+                    style: {
+                        "color": "#2969b0",
+                        "font-family": "'Poppins', sans-serif",
+                        "font-size": "18px",
+                        "font-weight": "300"
+                    },
+                    text: ""
+                }
+            };
+            expect(highchartsRenderer.ptCreateElementAndDraw).toHaveBeenCalledWith(expectedChartOptions, opts);
+        });
+    });
+
+    describe('highchartsRenderer.ptRenderBasicPie', () => {
+        const pivotData = {
+            getColKeys: jest.fn(() => [['Category 1'], ['Category 2']]),
+            getRowKeys: jest.fn(() => [['Row 1'], ['Row 2']]),
+            getAggregator: jest.fn(() => ({ value: jest.fn(() => 100) }))
+        };
+    
+        const opts = {
+            chartOptions: {
+                label_pie: { show: true, overlap: true },
+                chart: { colors_offset: 1 },
+                hideChartHeader: false
+            },
+            drillDownListFunc: jest.fn()
+        };
+    
+        beforeEach(() => {
+            jest.spyOn(highchartsRenderer, 'ptCreateElementAndDraw').mockImplementation(() => {});
+            jest.spyOn(highchartsRenderer, 'getFormattedColKey').mockImplementation((name) => `Formatted ${name}`);
+        });
+    
+        afterEach(() => {
+            jest.restoreAllMocks();
+        });
+    
+        it('should call ptCreateElementAndDraw with correct chart options', () => {
+            highchartsRenderer.ptRenderBasicPie(pivotData, opts);
+    
+            expect(highchartsRenderer.ptCreateElementAndDraw).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    chart: expect.objectContaining({
+                        type: 'pie'
+                    }),
+                    colors: expect.arrayContaining(["#91e7e7", "#f37789"]),
+                    plotOptions: expect.objectContaining({
+                        pie: expect.objectContaining({
+                            allowPointSelect: true,
+                            cursor: 'pointer',
+                            dataLabels: expect.objectContaining({
+                                enabled: true,
+                                allowOverlap: true,
+                                style: expect.objectContaining({
+                                    fontFamily: "Poppins",
+                                    fontSize: "11",
+                                    fontWeight: "normal"
+                                })
+                            }),
+                            showInLegend: true
+                        })
+                    }),
+                    series: expect.arrayContaining([
+                        expect.objectContaining({
+                            name: 'Row 1',
+                            colorByPoint: true,
+                            data: expect.arrayContaining([
+                                expect.objectContaining({
+                                    initialName: ["Category 1"],
+                                    name: 'Formatted Category 1',
+                                    y: 100
+                                }),
+                                expect.objectContaining({
+                                    initialName: ["Category 2"],
+                                    name: 'Formatted Category 2',
+                                    y: 100
+                                })
+                            ])
+                        })
+                    ])
+                }),
+                opts
+            );
+        });
+    });
+
     describe('Function ptRenderGauge', () => {
 
         const pivotDataMock = {