@datarailsshared/dr_renderer 1.2.440 → 1.2.442

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.2.440",
+  "version": "1.2.442",
   "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');
@@ -5235,6 +5239,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
             lodash.forEach(template.fields, function (field) {
                 field.name = highchartsRenderer.decodeFunc(field.name);
+                field.displayName = highchartsRenderer.getFieldName(field.name);
                 field.description = highchartsRenderer.decodeFunc(field.description);
                 field.format = highchartsRenderer.decodeFunc(field.format);
                 if (field.sorting && field.sorting.values) {

package/tests/highcharts_renderer.test.js

@@ -8426,6 +8426,80 @@ describe('highcharts_renderer', () => {
         });
     });
 
+    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 = {