@datarailsshared/dr_renderer 1.5.88 → 1.5.90

package/tests/highcharts_renderer.test.js

@@ -2052,13 +2052,10 @@ describe('highcharts_renderer', () => {
 
         it('should take old row data on second time', () => {
             const rowData = { rowData: '123' };
-            const sorters = { sorters: '123' };
             highchartsRenderer.addTemplateDataToWidgetOptions(template, widget, false);
             widget.pivot.rowData = rowData;
-            widget.pivot.sorters = sorters;
             highchartsRenderer.addTemplateDataToWidgetOptions(template, widget, false);
             expect(widget.pivot.rowData).toBe(rowData);
-            expect(widget.pivot.sorters).toBe(sorters);
         });
     });
 
@@ -3702,7 +3699,7 @@ describe('highcharts_renderer', () => {
             expect(highchartsRenderer.getCommonChartOptions(additionalOptions)).toEqual(expected);
         });
     });
-    
+
     describe('function getDataLabelsStyle', () => {
         it('returns default style if additionalOptions is empty', () => {
             const additionalOptions = {};
@@ -3839,7 +3836,7 @@ describe('highcharts_renderer', () => {
             expect(result).toEqual(expected);
         });
     });
-    
+
     describe('function getLabelOptionKey', () => {
         it('should return null if additionalOptions is not defined', () => {
             const result = highchartsRenderer.getLabelOptionKey(undefined);
@@ -3876,7 +3873,7 @@ describe('highcharts_renderer', () => {
             expect(result).toBe('label_option1');
         });
     });
-    
+
     describe('function getDefaultValueForSubOptions', () => {
         const suboptions = {
             option1: {
@@ -3988,7 +3985,7 @@ describe('highcharts_renderer', () => {
             expect(result.value1).not.toBe(suboptions.option3.elements[0].default_value);
         });
     });
-    
+
     describe('function getChartAxisLabel', () => {
         it('should return default value', () => {
             expect(highchartsRenderer.getChartAxisLabel('invalidType')).toBe('Axis (Category)')
@@ -4352,7 +4349,7 @@ describe('highcharts_renderer', () => {
             expect(() => highchartsRenderer.parseOptionsToObject(str)).toThrow();
         });
     });
-    
+
     describe('function isDate', () => {
         it('returns true for valid date string', () => {
             expect(highchartsRenderer.isDate('2022-01-01')).toBe(true);
@@ -4745,7 +4742,7 @@ describe('highcharts_renderer', () => {
     describe('function transformRowsAndColsForBreakdown', () => {
         let point;
         let opts;
-        
+
         beforeEach(() => {
             point = {
                 options: {},
@@ -5089,6 +5086,10 @@ describe('highcharts_renderer', () => {
         });
 
         describe('formatting Dates', () => {
+            afterEach(() => {
+                lodash.set(document, 'ReportHippo.user.features', []);
+            });
+
             it('should return formatted multivalue colKey as array (format_dates_as_other_axis_types is ON)', () => {
                 lodash.set(document, 'ReportHippo.user.features', ['format_dates_as_other_axis_types']);
                 const initialKey = [1687277052, 1687277052];
@@ -5136,6 +5137,29 @@ describe('highcharts_renderer', () => {
                 const formattedKey = highchartsRenderer.getFormattedKey(initialKeyAlreadyFormatted, pivotData, type);
                 expect(formattedKey).toEqual(initialKeyAlreadyFormatted);
             });
+
+            it('should return NOT formatted value when type is Date but value is not a valid moment date', () => {
+                lodash.set(document, 'ReportHippo.user.features', ['format_dates_as_other_axis_types']);
+                const initialKey = ['Some Text Value', 'Another Text'];
+                const pivotData = {
+                    colFormats: [{ type: 'Date' }, { type: 'Date' }],
+                    isFormattingAxisLabels: true,
+                };
+                const type = 'colFormats';
+                const formattedKey = highchartsRenderer.getFormattedKey(initialKey, pivotData, type);
+                expect(formattedKey).toEqual(initialKey);
+            });
+
+            it('should return formatted value when type is Date and value is a valid moment date (format_dates_as_other_axis_types is OFF)', () => {
+                const initialKey = ['Feb-24', 'Jan-24'];
+                const pivotData = {
+                    colFormats: [{ type: 'Date' }, { type: 'Date' }],
+                    isFormattingAxisLabels: true,
+                };
+                const type = 'colFormats';
+                const formattedKey = highchartsRenderer.getFormattedKey(initialKey, pivotData, type);
+                expect(formattedKey).toEqual(initialKey);
+            });
         });
     });
 
@@ -5285,7 +5309,7 @@ describe('highcharts_renderer', () => {
     describe('Function getSeriesNameInFormatterContext', () => {
 
         const name1 = 'test series name';
-        const name2 = 'test series name 2'; 
+        const name2 = 'test series name 2';
 
         const pivotData = {
             isFormattingAxisLabels: true,
@@ -5316,7 +5340,7 @@ describe('highcharts_renderer', () => {
     describe('Function getColsInFormatterContext', () => {
 
         const name1 = 'test series name 1';
-        const name2 = 'test series name 2'; 
+        const name2 = 'test series name 2';
         const name3 = 'test series name 3';
         const pivotData = {
             isFormattingAxisLabels: true,
@@ -5368,170 +5392,6 @@ describe('highcharts_renderer', () => {
     });
 
 
-    describe('Function replaceSortingKeysWithMappedValues', () => {
-        it('should replace sorting keys with mapped values for Date fields', () => {
-            const keysObject = {
-                col_keys: [
-                    [1640995200],
-                    [1648684800],
-                    [1667174400]
-                ],
-                row_keys: [],
-                row_keys_by_cols: [
-                    [
-                        ["Other Income"],
-                        ["Other Expense"],
-                        ["Income"],
-                        ["Expenses"],
-                        ["Cost of Goods Sold"]
-                    ]
-                ]
-            };
-            const invertedDateStringMap = {
-                1640995200: '2022-01-01',
-                1648684800: '2022-03-29',
-                1667174400: '2023-03-01'
-            };
-            const widget = {
-                cols: [{ type: 'Date' }],
-                rows: [{ type: 'NotDate' }],
-                pivot: {
-                    keysObject: keysObject
-                }
-            };
-    
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.col_keys, invertedDateStringMap, widget.cols);
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.row_keys, invertedDateStringMap, widget.rows);
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.row_keys_by_cols, invertedDateStringMap, widget.rows);
-    
-            expect(keysObject).toEqual({
-                col_keys: [
-                    ['2022-01-01'],
-                    ['2022-03-29'],
-                    ['2023-03-01']
-                ],
-                row_keys: [],
-                row_keys_by_cols: [
-                    [
-                        ['Other Income'],
-                        ['Other Expense'],
-                        ['Income'],
-                        ['Expenses'],
-                        ['Cost of Goods Sold']
-                    ]
-                ]
-            });
-        });
-
-        it('should not replace sorting keys for non-Date fields', () => {
-            const keysObject = {
-                col_keys: [
-                    [1640995200],
-                    [1648684800],
-                    [1667174400]
-                ],
-                row_keys: [],
-                row_keys_by_cols: [
-                    [
-                        ["Other Income"],
-                        ["Other Expense"],
-                        ["Income"],
-                        ["Expenses"],
-                        ["Cost of Goods Sold"]
-                    ]
-                ]
-            };
-            const invertedDateStringMap = {
-                1640995200: '2022-01-01',
-                1648684800: '2022-03-29',
-                1667174400: '2023-03-01'
-            };
-            const widget = {
-                cols: [{ type: 'NotDate' }],
-                rows: [{ type: 'NotDate' }],
-                pivot: {
-                    keysObject: keysObject
-                }
-            };
-    
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.col_keys, invertedDateStringMap, widget.cols);
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.row_keys, invertedDateStringMap, widget.rows);
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.row_keys_by_cols, invertedDateStringMap, widget.rows);
-    
-            expect(keysObject).toEqual({
-                col_keys: [
-                    [1640995200],
-                    [1648684800],
-                    [1667174400]
-                ],
-                row_keys: [],
-                row_keys_by_cols: [
-                    [
-                        ["Other Income"],
-                        ["Other Expense"],
-                        ["Income"],
-                        ["Expenses"],
-                        ["Cost of Goods Sold"]
-                    ]
-                ]
-            });
-        });
-    
-        it('should handle null or undefined keysObject', () => {
-            const invertedDateStringMap = {
-                1640995200: '2022-01-01',
-                1648684800: '2022-03-29',
-                1667174400: '2023-03-01'
-            };
-            const widget = {
-                cols: [{ type: 'Date' }],
-                rows: [{ type: 'NotDate' }],
-                pivot: {
-                    keysObject: null
-                }
-            };
-    
-            highchartsRenderer.replaceSortingKeysWithMappedValues(null, invertedDateStringMap, widget.cols);
-            highchartsRenderer.replaceSortingKeysWithMappedValues(null, invertedDateStringMap, widget.rows);
-            highchartsRenderer.replaceSortingKeysWithMappedValues(null, invertedDateStringMap, widget.rows);
-        });
-
-        // This test was added to cover an edge case where multiple Date fields have the same date values
-        // but require different formatting based on their individual field settings
-        // Fixes the issue - https://datarailsteam.atlassian.net/browse/DR-37813
-        // Will be removed once "format_dates_as_other_axis_types" FF is deleted
-        it('should reformat dates when widget fields have same dates, but different formats', () => {
-            const keysObject = {
-                col_keys: [
-                    [1648684800, 1648684800, 1648684800],
-                ],
-                row_keys: [],
-                row_keys_by_cols: [],
-            };
-
-            const invertedDateStringMap = {
-                1648684800: '03/31/2022',
-            };
-
-            const widget = {
-                cols: [
-                    { type: 'Date', format: null }, // Default format MM/DD/YYYY
-                    { type: 'Date', format: 'MM-DD-YYYY' },
-                    { type: 'Date', format: 'DD/MM/YYYY' },
-                ],
-                rows: [],
-                pivot: { keysObject },
-            };
-
-            highchartsRenderer.replaceSortingKeysWithMappedValues(keysObject.col_keys, invertedDateStringMap, widget.cols);
-
-            expect(keysObject.col_keys[0][0]).toBe('03/31/2022');
-            expect(keysObject.col_keys[0][1]).toBe('03-31-2022');
-            expect(keysObject.col_keys[0][2]).toBe('31/03/2022');
-        });
-    });
-    
-
     describe('Functions getAggregatedSortingObjects', () => {
 
         const simpleRowData = [{ someField1: 'someValue1' }, { someField2: 'someValue2' }];
@@ -5559,7 +5419,7 @@ describe('highcharts_renderer', () => {
             it(testCase.description, () => {
                 const rowData = lodash.concat(simpleRowData, testCase.expectedObj ? lodash.clone(testCase.expectedObj) : []);
                 const sortObj = highchartsRenderer.getAggregatedSortingObjects(rowData);
-    
+
                 expect(rowData).toEqual(simpleRowData);
                 expect(sortObj).toEqual(testCase.expectedObj);
             });
@@ -5635,7 +5495,7 @@ describe('highcharts_renderer', () => {
                 getAggregator: (rows, cols) => {
                     let aggregator = highchartsRenderer.rhPivotAggregatorSum([''], format, true, {}, {});
                     const agg = aggregator({}, '', '');
-                    
+
                     if (lodash.isEqual(cols, ['col 1']) && lodash.isEqual(rows, ['row 1'])) {
                         agg.sum = 12345;
                     } else if (lodash.isEqual(cols, ['col 1']) && lodash.isEqual(rows, [])) {
@@ -5660,7 +5520,7 @@ describe('highcharts_renderer', () => {
                 getRowKeys: () => [['row 1'], ['row 2'], ['row 3']],
                 rowAttrs: ['row 1'],
             };
-    
+
             optsMock = {
                 total_value_options: {
                     filter_options: {
@@ -5675,7 +5535,7 @@ describe('highcharts_renderer', () => {
                     },
                 },
             };
-    
+
             displayTooltipContext = {
                 series: {
                     options: {
@@ -5734,7 +5594,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 '<br/><span style="font-weight: bold; color: green;">\u200Erow 1</span>: <span>\u200E$12,345.00</span>'
             );
@@ -5746,7 +5606,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1  
@@ -5761,7 +5621,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1  
@@ -5777,7 +5637,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1  
@@ -5797,7 +5657,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1  
@@ -5813,7 +5673,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1,col 2  
@@ -5828,7 +5688,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1  
@@ -5842,7 +5702,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         ${ othersName }  
@@ -5872,7 +5732,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         row 1 : 
@@ -5902,7 +5762,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         col 1 : 
@@ -5934,7 +5794,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(
                 `<span style="font-weight: bold;">
                         Total 1  
@@ -5959,7 +5819,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual('<span>\u200E$123,450.00</span>');
         });
 
@@ -5979,7 +5839,7 @@ describe('highcharts_renderer', () => {
             const tooltipFunction =
                 highchartsRenderer.defaultFormatterToTooltip(pivotDataMock, optsMock, isForDrilldownPie);
             const tooltipHtml = tooltipFunction.call(displayTooltipContext);
-            
+
             expect(tooltipHtml).toEqual(`<span style="font-weight: bold;">
                         col 1  
                     </span><br/><span style="font-weight: bold; color: green;">\u200ETrend Line</span>: <span>\u200E$55,555.00</span>`
@@ -6152,6 +6012,14 @@ describe('highcharts_renderer', () => {
     describe('Function tableCSVExportRenderer', () => {
         window._ = lodash;
 
+        beforeEach(() => {
+            lodash.set(document, 'ReportHippo.user.features', ['format_dates_as_other_axis_types']);
+        });
+
+        afterEach(() => {
+            lodash.set(document, 'ReportHippo.user.features', []);
+        });
+
         it('should create csv json object representation based on pivot data (only cols)', () => {
             const chartOptions = {
                 table_options: {
@@ -6199,13 +6067,15 @@ describe('highcharts_renderer', () => {
                 }
             ];
             const subOptions = {
-                "sorters": () => null,
-                "sortByValueAttrs": [],
                 "cols": [
                     "Date",
                     "Payment Date"
                 ],
                 "rows": [],
+                "keysObject": {
+                    "row_keys": [[]],
+                    "col_keys": [[1651363200], [1652400000], [1653177600], [1653955200]],
+                },
                 "colFormats": [
                     {
                         "type": "Date",
@@ -6226,7 +6096,7 @@ describe('highcharts_renderer', () => {
             const csvJson = highchartsRenderer.tableCSVExportRenderer(pivotData, chartOptions);
             expect(csvJson).toEqual(
                 [
-                    [ 1651363200, 1652400000, 1653177600, 1653955200, 'Totals' ],
+                    [ '05/01/2022', '05/13/2022', '05/22/2022', '05/31/2022', 'Totals' ],
                     [ undefined, undefined, undefined, undefined, 'Totals' ],
                     [],
                     [ 1, 1, 1, 1, 2 ],
@@ -6296,10 +6166,12 @@ describe('highcharts_renderer', () => {
                 }
             ];
             const subOptions = {
-                "sorters": () => null,
-                "sortByValueAttrs": [],
                 "cols": ["Date"],
                 "rows": ["Type"],
+                "keysObject": {
+                    "row_keys": [["Food"], ["Technology"]],
+                    "col_keys": [[1653177600], [1653955200]],
+                },
                 "colFormats": [
                     {
                         "type": "Date",
@@ -6317,7 +6189,7 @@ describe('highcharts_renderer', () => {
                 "rendererOptions": {
                 },
             };
-    
+
             it('should create csv json object representation based on pivot data, with totals', () => {
                 const chartOptions = {
                     table_options: {
@@ -6329,7 +6201,7 @@ describe('highcharts_renderer', () => {
                 const csvJson = highchartsRenderer.tableCSVExportRenderer(pivotData, chartOptions);
                 expect(csvJson).toEqual(
                     [
-                        ["Date", 1653177600, 1653955200, "Totals"],
+                        ["Date", "05/22/2022", "05/31/2022", "Totals"],
                         ["Type"],
                         ["Food", 1, 1, 1],
                         ["Technology", 1, 1, 1],
@@ -6337,7 +6209,7 @@ describe('highcharts_renderer', () => {
                     ]
                 );
             });
-    
+
             it('should create csv json object representation based on pivot data, without col totals', () => {
                 const chartOptions = {
                     table_options: {
@@ -6348,13 +6220,13 @@ describe('highcharts_renderer', () => {
                 const pivotData = $.pivotUtilities.getPivotDataModel(inputs, subOptions);
                 const csvJson = highchartsRenderer.tableCSVExportRenderer(pivotData, chartOptions);
                 expect(csvJson).toEqual([
-                    ["Date", 1653177600, 1653955200, "Totals"],
+                    ["Date", "05/22/2022", "05/31/2022", "Totals"],
                     ["Type"],
                     ["Food", 1, 1, 1],
                     ["Technology", 1, 1, 1]
                 ]);
             });
-    
+
             it('should create csv json object representation based on pivot data, without row totals', () => {
                 const chartOptions = {
                     table_options: {
@@ -6362,18 +6234,18 @@ describe('highcharts_renderer', () => {
                         show_row_total: false,
                     },
                 };
-    
+
                 const pivotData = $.pivotUtilities.getPivotDataModel(inputs, subOptions);
                 const csvJson = highchartsRenderer.tableCSVExportRenderer(pivotData, chartOptions);
                 expect(csvJson).toEqual([
-                    ["Date", 1653177600, 1653955200],
+                    ["Date", "05/22/2022", "05/31/2022"],
                     ["Type"],
                     ["Food", 1, 1],
                     ["Technology", 1, 1],
                     ["Totals", 1, 1]
                 ]);
             });
-    
+
             it('should create csv json object representation based on pivot data, without col and row totals', () => {
                 const chartOptions = {
                     table_options: {
@@ -6381,11 +6253,11 @@ describe('highcharts_renderer', () => {
                         show_row_total: false,
                     },
                 };
-    
+
                 const pivotData = $.pivotUtilities.getPivotDataModel(inputs, subOptions);
                 const csvJson = highchartsRenderer.tableCSVExportRenderer(pivotData, chartOptions);
                 expect(csvJson).toEqual([
-                    ["Date", 1653177600, 1653955200],
+                    ["Date", "05/22/2022", "05/31/2022"],
                     ["Type"],
                     ["Food", 1, 1],
                     ["Technology", 1, 1],
@@ -7303,7 +7175,7 @@ describe('highcharts_renderer', () => {
                 initialName: 'row 2',
                 name: 'Total'
             }];
-  
+
             it("should mark the series as total", () => {
                 additionalOptionsMock = {};
                 opts = {
@@ -8006,7 +7878,7 @@ describe('highcharts_renderer', () => {
                     // Create dataset that exceeds MAX_ROWS_FOR_SHOW_RESULTS to trigger TooMuchDataError
                     const largeRowData = new Array(highchartsRenderer.MAX_ROWS_FOR_SHOW_RESULTS + 1)
                         .fill({ field1: 'value1', field2: 'value2' });
-                    
+
                     const options = {
                         onlyOptions: false,
                         rendererOptions: {},
@@ -8022,7 +7894,7 @@ describe('highcharts_renderer', () => {
                     // Create dataset that exceeds MAX_ROWS_FOR_SHOW_RESULTS
                     const largeRowData = new Array(highchartsRenderer.MAX_ROWS_FOR_SHOW_RESULTS + 1)
                         .fill({ field1: 'value1', field2: 'value2' });
-                    
+
                     const options = {
                         onlyOptions: true,
                         rendererOptions: {},
@@ -8060,7 +7932,7 @@ describe('highcharts_renderer', () => {
                 it('should handle renderer errors correctly', () => {
                     const rowData = [{ field1: 'value1', field2: 'value2' }];
                     const genericError = new Error('Renderer failed');
-                    
+
                     const options = {
                         onlyOptions: false,
                         rendererOptions: {},
@@ -8078,7 +7950,7 @@ describe('highcharts_renderer', () => {
                 it('should return empty object for renderer errors when onlyOptions is true', () => {
                     const rowData = [{ field1: 'value1', field2: 'value2' }];
                     const genericError = new Error('Renderer failed');
-                    
+
                     const options = {
                         onlyOptions: true,
                         rendererOptions: {},
@@ -8094,7 +7966,7 @@ describe('highcharts_renderer', () => {
                 it('should re-throw BaseRendererError instances from renderer unchanged', () => {
                     const rowData = [{ field1: 'value1', field2: 'value2' }];
                     const originalError = new NoDataError();
-                    
+
                     const options = {
                         onlyOptions: false,
                         rendererOptions: {},
@@ -8107,7 +7979,7 @@ describe('highcharts_renderer', () => {
                     expect(() => {
                         highchartsRenderer.rhPivotView(rowData, options);
                     }).toThrow(NoDataError);
-                    
+
                     expect(() => {
                         highchartsRenderer.rhPivotView(rowData, options);
                     }).toThrow(originalError);
@@ -8115,7 +7987,7 @@ describe('highcharts_renderer', () => {
 
                 it('should handle null/undefined from renderer as GenericRenderingError', () => {
                     const rowData = [{ field1: 'value1', field2: 'value2' }];
-                    
+
                     // Test null
                     const nullOptions = {
                         onlyOptions: false,
@@ -8269,7 +8141,7 @@ describe('highcharts_renderer', () => {
                 .and.callFake((initialName, pivotData) => `formatted(${ initialName })`);
             spyOn(highchartsRenderer, 'isFormattingDatesAsOtherAxisTypes').and.returnValue(true);
         });
-    
+
         it("should create appropriate series for case when only one column field and one total", () => {
             const pivotDataMock = lodash.cloneDeep(pivotDataMockForOneFieldAndOneTotal);
 
@@ -8322,7 +8194,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "3",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(3)",
                             totalIndex: undefined,
                             y: -40
@@ -8402,7 +8274,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "3",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(3)",
                             totalIndex: undefined,
                             y: -40
@@ -8491,7 +8363,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "2 , 1707389500",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(2 , 1707389500)",
                             totalIndex: undefined,
                             y: -40
@@ -8580,7 +8452,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "2 , 1707389500",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(2 , 1707389500)",
                             totalIndex: undefined,
                             y: -40
@@ -8671,7 +8543,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "2 , 1707389500",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(2 , 1707389500)",
                             totalIndex: undefined,
                             y: -40
@@ -8757,7 +8629,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "2 , 1707389500",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(2 , 1707389500)",
                             totalIndex: undefined,
                             y: -40
@@ -8843,7 +8715,7 @@ describe('highcharts_renderer', () => {
                             colsForTotal: null,
                             initialName: "2 , 1707389500",
                             isSum: false,
-                            isTotal: false, 
+                            isTotal: false,
                             name: "formatted(2 , 1707389500)",
                             totalIndex: undefined,
                             y: -40
@@ -8888,11 +8760,11 @@ describe('highcharts_renderer', () => {
                 .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']]),
@@ -8904,7 +8776,7 @@ describe('highcharts_renderer', () => {
                 rows: { 0: { type: 'Date' }, 1: { type: 'Date' } },
                 cols: { 0: { type: 'Category' }, 1: { type: 'Category' } }
             };
-    
+
             const opts = {
                 chartOptions: {
                     label_pie: {
@@ -8916,11 +8788,11 @@ describe('highcharts_renderer', () => {
                     }
                 }
             };
-    
+
             const drilldownFunc = jest.fn();
 
             highchartsRenderer.ptRenderPieWithDrillDown(pivotData, opts, drilldownFunc);
-    
+
             const expectedChartOptions = {
                 chart: {
                     type: 'pie',
@@ -8929,7 +8801,7 @@ describe('highcharts_renderer', () => {
                         drillup: expect.any(Function)
                     }
                 },
-                colors: ["#91e7e7", "#f37789", "#ffdc65", "#0e569d", "#bbe0ff", "#57b2ff", "#5ecfb9", "#c7ffda", "#179ab9", "#008aff"], 
+                colors: ["#91e7e7", "#f37789", "#ffdc65", "#0e569d", "#bbe0ff", "#57b2ff", "#5ecfb9", "#c7ffda", "#179ab9", "#008aff"],
                 plotOptions: {
                     series: {
                         animation: true,
@@ -8939,7 +8811,7 @@ describe('highcharts_renderer', () => {
                             enabled: true,
                             formatter: expect.any(Function),
                             style: {
-                                "fontFamily": "Poppins", 
+                                "fontFamily": "Poppins",
                                 "fontSize": "11",
                                 "fontWeight": "normal"
                             }
@@ -8951,7 +8823,7 @@ describe('highcharts_renderer', () => {
                     headerFormat: '',
                     pointFormatter: expect.any(Function)
                 },
-                series: [{ name: 'Sample Series', data: [1, 2, 3] }], 
+                series: [{ name: 'Sample Series', data: [1, 2, 3] }],
                 legend: {
                     align: "right",
                     borderWidth: 0,
@@ -8961,7 +8833,7 @@ describe('highcharts_renderer', () => {
                     verticalAlign: "top",
                     y: 13
                 },
-                drilldown: {}, 
+                drilldown: {},
                 subtitle: {
                     align: "center",
                     style: {
@@ -8993,7 +8865,7 @@ describe('highcharts_renderer', () => {
             getRowKeys: jest.fn(() => [['Row 1'], ['Row 2']]),
             getAggregator: jest.fn(() => ({ value: jest.fn(() => 100) }))
         };
-    
+
         const opts = {
             chartOptions: {
                 label_pie: { show: true, overlap: true },
@@ -9002,19 +8874,19 @@ describe('highcharts_renderer', () => {
             },
             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({
@@ -9469,7 +9341,7 @@ describe('highcharts_renderer', () => {
             pivotData.getAggregator().value.mockReturnValue(10);
             highchartsRenderer.getOthersName.mockReturnValue('Others');
             highchartsRenderer.getFormattedColKey.mockReturnValue('FormattedKey');
-        
+
             const result = highchartsRenderer.ptCreateSeriesToDrillDownChart(pivotData, chartOptions, additionOptions, opts);
             expect(result[0].data[0].initialName).toEqual('\u200Eשלום');
         });
@@ -9480,11 +9352,11 @@ describe('highcharts_renderer', () => {
             pivotData.getAggregator().value.mockReturnValue(10);
             highchartsRenderer.getOthersName.mockReturnValue('Others');
             highchartsRenderer.getFormattedColKey.mockReturnValue('FormattedKey');
-        
+
             const result = highchartsRenderer.ptCreateSeriesToDrillDownChart(pivotData, chartOptions, additionOptions, opts);
             expect(result[0].data[0].initialName).toEqual('Others');
         });
-        
+
         it('should handle negative values when chart type is not pie', () => {
             chartOptions.chart.type = 'notPie';
             pivotData.getColKeys.mockReturnValue(['key1']);
@@ -9492,25 +9364,25 @@ describe('highcharts_renderer', () => {
             pivotData.getAggregator().value.mockReturnValue(-10);
             highchartsRenderer.getOthersName.mockReturnValue('Others');
             highchartsRenderer.getFormattedColKey.mockReturnValue('FormattedKey');
-        
+
             const result = highchartsRenderer.ptCreateSeriesToDrillDownChart(pivotData, chartOptions, additionOptions, opts);
             expect(result[0].data[0].y).toEqual(-10);
         });
-        
+
         it('should handle numeric keys', () => {
             pivotData.getColKeys.mockReturnValue(['123']);
             pivotData.getRowKeys.mockReturnValue(['row1']);
             pivotData.getAggregator().value.mockReturnValue(10);
             highchartsRenderer.getOthersName.mockReturnValue('Others');
             highchartsRenderer.getFormattedColKey.mockReturnValue('FormattedKey');
-        
+
             const result = highchartsRenderer.ptCreateSeriesToDrillDownChart(pivotData, chartOptions, additionOptions, opts);
             expect(result[0].data[0].drilldown).toEqual(123);
         });
     });
 
     describe('Function getDataLabelsStylesForDrillDown', () => {
-        
+
         it('should return an object with activeDataLabelStyle containing color from dataLabels', () => {
             const mockColor = 'red';
             const additionalOptions = {