@datarailsshared/dr_renderer 1.2.321 → 1.2.323-dragons

package/package.json

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

package/src/dr_pivottable.js

@@ -199,10 +199,11 @@ let initDRPivotTable = function($, window, document) {
                 let flatColKey = colKey.join(delim);
 
                 if (this.keysLength === rowKey.length + colKey.length) {
-                    if (!this.rowKeys.some(rKey => rKey.join(delim) === flatRowKey)) {
+                    const isDrValuesRows = this.rowAttrs.length === 1 && this.rowAttrs[0] === 'DR_Values';
+                    if ((!this.isKeysSortingDoneOnBackendSide || isDrValuesRows) && !this.rowKeys.some(rKey => rKey.join(delim) === flatRowKey)) {
                         this.rowKeys.push(rowKey);
                     }
-                    if (!this.colKeys.some(cKey => cKey.join(delim) === flatColKey)) {
+                    if (!this.isKeysSortingDoneOnBackendSide && !this.colKeys.some(cKey => cKey.join(delim) === flatColKey)) {
                         this.colKeys.push(colKey);
                     }
                 }
@@ -234,7 +235,6 @@ let initDRPivotTable = function($, window, document) {
                         insight: insight,
                     });
                 }
-
                 return;
             }
 

package/src/highcharts_renderer.js

@@ -139,11 +139,6 @@ const CHART_AXIS_DEFAULT_LABEL = 'Axis (Category)';
 
 const CHART_LEGEND_DEFAULT_LABEL = 'Legend (Series)';
 
-const FEATURES = {
-    ENABLE_NEW_WIDGET_VALUE_FORMATTING: 'enable_new_widget_value_formatting',
-    ENABLE_SERVER_TOTALS_CALCULATION: 'enable_server_totals_calculation',
-}
-
 let getHighchartsRenderer = function ($, document, Highcharts, default_colors, highchartsRenderer,
                                       DataFormatter, lodash, moment_lib, isNewAngular) {
 
@@ -171,12 +166,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     lodash.assign(highchartsRenderer, HIGHCHARTS_CONSTANTS);
 
     highchartsRenderer.useTotalsCalculation = false;
-    highchartsRenderer.enabledNewWidgetValueFormatting = false;
     let disableAnimation = false;
     if (document.ReportHippo && document.ReportHippo && document.ReportHippo.user) {
-        highchartsRenderer.useTotalsCalculation = lodash.includes(document.ReportHippo.user.features, FEATURES.ENABLE_SERVER_TOTALS_CALCULATION);
+        highchartsRenderer.useTotalsCalculation = lodash.includes(document.ReportHippo.user.features, 'enable_server_totals_calculation');
         disableAnimation = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.disable_animation
-        highchartsRenderer.enabledNewWidgetValueFormatting = lodash.includes(document.ReportHippo.user.features, FEATURES.ENABLE_NEW_WIDGET_VALUE_FORMATTING);
     }
 
     // fix issue of use tootip.stickOnContact with tooltip.outside , source: https://github.com/highcharts/highcharts/pull/15960
@@ -635,7 +628,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     // do nothing
                 }
             }
-            return $.pivotUtilities.getFormattedNumber(value, null, opts).replace(/\u00A0/g, " ");
+            return $.pivotUtilities.getFormattedNumber(value, null, opts);
         };
         return func;
     };
@@ -1157,6 +1150,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 ob.name = row_n_value.join(highchartsRenderer.delimer)
                     .replace(highchartsRenderer.DR_OTHERS_KEY, othersName);
             }
+
             lodash.forEach(col_n_keys, function (col_n_value, index) {
                 var agg = pivotData.getAggregator(row_n_value, col_n_value);
                 var val = agg.value();
@@ -1398,6 +1392,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             if (opts.trendLine) {
                 const a = ((ySum * squareXSum) - (xSum * xySum)) / ((n * squareXSum) - (xSum * xSum));
                 const b = ((n * xySum) -  (xSum* ySum)) / ((n * squareXSum) - (xSum * xSum));
+
                 const trendSeries = lodash.clone(chart_series[chart_series.length - 1]);
                 trendSeries.className = 'trendSeries';
                 trendSeries.name = highchartsRenderer.getTrendSeriesName(trendSeries);
@@ -1408,6 +1403,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 if (colors && colors[i]) {
                     trendSeries.color = colors[i];
                 }
+
                 trendSerieses.push(trendSeries);
             }
             i++;
@@ -1424,6 +1420,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         }
 
         let weights = { line: 2,spline: 3 ,area:-2, areaspline: -1, scatter:4, column: 1 };
+
         if (opts.comboOptions && lodash.includes(chartType,'combo') && !lodash.isEqual(row_n_keys, EMPTY_ROW_N_KEYS)) {
             chart_series.forEach((series, seriesIndex) => {
                 const savedSeriesOption = lodash.find(opts.comboOptions.seriesOptions, {series: series.name});
@@ -1510,6 +1507,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         const chart_series = [];
         const row_n_keys = pivotData.getRowKeys();
         const col_n_keys = pivotData.getColKeys();
+        const rows_by_cols = pivotData.rowKeysByCols;
 
         let resultObject = {
             data: [],
@@ -1538,7 +1536,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             });
 
             if (col_index !== col_n_keys.length - 1) {
-                lodash.forEach(row_n_keys, function (row_n_value) {
+
+                const rowKeys = rows_by_cols ? rows_by_cols[col_index] : row_n_keys;
+                lodash.forEach(rowKeys, function (row_n_value) {
                     const agg = pivotData.getAggregator(row_n_value, col_n_value);
                     let val = agg.value();
 
@@ -3890,11 +3890,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.rhPivotCount = function (arg, widget_values_format, is_graph, render_options, calculated_info) {
         var attr = arg[0];
-        // isCustomValues format need for check in case when customer apply SecondaryAxis and one of them is true
-        // in that case we take formats from seriesOptions and apply those format to each one of them their format from the table
-        // method isCustomValuesFormat check if format was added custom format by self or it's a default format from table
-        const isCustomValuesFormat = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
         return function (data, rowKey, colKey) {
             return {
                 sum: 0,
@@ -3906,10 +3901,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 calculated_formats: calculated_info.formats,
                 isChangeable: false,
                 push: function (record) {
-                    if (highchartsRenderer.enabledNewWidgetValueFormatting) {
-                        record.formats = highchartsRenderer.getRecordFormats(render_options, record['DR_Values']);
-                    }
-
                     if (record.hasOwnProperty('data_types') && $.isArray(record['data_types'])) {
                         this.data_types = this.data_types.concat(record['data_types']);
                         this.data_types = lodash.uniq(this.data_types);
@@ -3954,11 +3945,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = 'General';
                     }
 
-                    if (this.widget_values_format && !highchartsRenderer.enabledNewWidgetValueFormatting) {
-                        number_format = this.widget_values_format;
-                    }
-
-                    if (isCustomValuesFormat) {
+                    if (this.widget_values_format) {
                         number_format = this.widget_values_format;
                     }
 
@@ -4046,11 +4033,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.rhPivotAggregatorSum = function (arg, widget_values_format, is_graph, render_options, calculated_info) {
         var attr = arg[0];
-        // isCustomValues format need for check in case when customer apply SecondaryAxis and one of them is true
-        // in that case we take formats from seriesOptions and apply those format to each one of them their format from the table
-        // method isCustomValuesFormat check if format was added custom format by self or it's a default format from table
-        const isCustomValuesFormat = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
         return function (data, rowKey, colKey) {
             return {
                 sum: 0,
@@ -4071,11 +4053,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         }
                     }
                     var val = parseFloat(record[attr]);
-
                     if (!isNaN(val)) {
-                        if (highchartsRenderer.enabledNewWidgetValueFormatting) {
-                            record.formats = highchartsRenderer.getRecordFormats(render_options, record['DR_Values']);
-                        }
 
                         if (record.hasOwnProperty('data_types') && $.isArray(record['data_types'])) {
                             this.data_types = this.data_types.concat(record['data_types']);
@@ -4122,16 +4100,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = 'General';
                     }
 
-                    if (this.widget_values_format && !highchartsRenderer.enabledNewWidgetValueFormatting) {
+                    if (this.widget_values_format) {
                         number_format = this.widget_values_format;
                     }
 
-                    if (isCustomValuesFormat) {
-                        number_format = this.widget_values_format;
-                    }
                     number_format = highchartsRenderer.getCalculatedValueFormat(this.calculated_formats, rowKey, colKey) || number_format;
-                    var formated_value = highchartsRenderer.formatValue('n', number_format, x)
 
+                    var formated_value = highchartsRenderer.formatValue('n', number_format, x)
                     if (formated_value && formated_value.hasOwnProperty('value') && formated_value.value != null) {
                         return formated_value.value;
                     } else {
@@ -4146,11 +4121,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.rhPivotAggregatorMin = function (arg, widget_values_format, is_graph, render_options, calculated_info) {
         var attr = arg[0];
-        // isCustomValues format need for check in case when customer apply SecondaryAxis and one of them is true
-        // in that case we take formats from seriesOptions and apply those format to each one of them their format from the table
-        // method isCustomValuesFormat check if format was added custom format by self or it's a default format from table
-        const isCustomValuesFormat = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
         return function (data, rowKey, colKey) {
             return {
                 val: null,
@@ -4174,10 +4144,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     var ref, x;
                     x = parseFloat(record[attr]);
                     if (!isNaN(x)) {
-                        if (highchartsRenderer.enabledNewWidgetValueFormatting) {
-                            record.formats = highchartsRenderer.getRecordFormats(render_options, record['DR_Values']);
-                        }
-
                         if (record.hasOwnProperty('data_types') && $.isArray(record['data_types'])) {
                             this.data_types = this.data_types.concat(record['data_types']);
                             this.data_types = lodash.uniq(this.data_types);
@@ -4220,11 +4186,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = 'General';
                     }
 
-                    if (this.widget_values_format && !highchartsRenderer.enabledNewWidgetValueFormatting) {
-                        number_format = this.widget_values_format;
-                    }
-
-                    if (isCustomValuesFormat) {
+                    if (this.widget_values_format) {
                         number_format = this.widget_values_format;
                     }
 
@@ -4245,11 +4207,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.rhPivotAggregatorMax = function (arg, widget_values_format, is_graph, render_options, calculated_info) {
         var attr = arg[0];
-        // isCustomValues format need for check in case when customer apply SecondaryAxis and one of them is true
-        // in that case we take formats from seriesOptions and apply those format to each one of them their format from the table
-        // method isCustomValuesFormat check if format was added custom format by self or it's a default format from table
-        const isCustomValuesFormat = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
         return function (data, rowKey, colKey) {
             return {
                 val: null,
@@ -4273,10 +4230,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     var ref, x;
                     x = parseFloat(record[attr]);
                     if (!isNaN(x)) {
-                        if (highchartsRenderer.enabledNewWidgetValueFormatting) {
-                            record.formats = highchartsRenderer.getRecordFormats(render_options, record['DR_Values']);
-                        }
-
                         if (record.hasOwnProperty('data_types') && $.isArray(record['data_types'])) {
                             this.data_types = this.data_types.concat(record['data_types']);
                             this.data_types = lodash.uniq(this.data_types);
@@ -4320,11 +4273,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = 'General';
                     }
 
-                    if (this.widget_values_format && !highchartsRenderer.enabledNewWidgetValueFormatting) {
-                        number_format = this.widget_values_format;
-                    }
-
-                    if (isCustomValuesFormat) {
+                    if (this.widget_values_format) {
                         number_format = this.widget_values_format;
                     }
 
@@ -4345,11 +4294,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.rhPivotAggregatorAverage = function (arg, widget_values_format, is_graph, render_options, calculated_info) {
         var attr = arg[0];
-        // isCustomValues format need for check in case when customer apply SecondaryAxis and one of them is true
-        // in that case we take formats from seriesOptions and apply those format to each one of them their format from the table
-        // method isCustomValuesFormat check if format was added custom format by self or it's a default format from table
-        const isCustomValuesFormat = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
         return function (data, rowKey, colKey) {
             return {
                 sum: 0,
@@ -4374,10 +4318,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     var ref, x;
                     x = parseFloat(record[attr]);
                     if (!isNaN(x)) {
-                        if (highchartsRenderer.enabledNewWidgetValueFormatting) {
-                            record.formats = highchartsRenderer.getRecordFormats(render_options, record['DR_Values']);
-                        }
-
                         if (record.hasOwnProperty('data_types') && $.isArray(record['data_types'])) {
                             this.data_types = this.data_types.concat(record['data_types']);
                             this.data_types = lodash.uniq(this.data_types);
@@ -4427,11 +4367,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = 'General';
                     }
 
-                    if (this.widget_values_format && !highchartsRenderer.enabledNewWidgetValueFormatting) {
-                        number_format = this.widget_values_format;
-                    }
-
-                    if (isCustomValuesFormat) {
+                    if (this.widget_values_format) {
                         number_format = this.widget_values_format;
                     }
 
@@ -4778,17 +4714,19 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     opts.rendererOptions.onlyOptions = true;
                 }
 
-                const sortByValueSettings = lodash.filter(
-                    lodash.get(widget, 'options.sortingFields', []),
-                    sortingField => lodash.includes(['field_values', 'variance'], lodash.get(sortingField, 'sorting.sort_by'))
-                );
-
-                if (sortByValueSettings.length) {
-                    pivotData.sortByValueAttrs = lodash.map(sortByValueSettings, fieldSorting => fieldSorting.name);
-                    let new_sorting_function = highchartsRenderer.generateSortingFunctionByValues(sortByValueSettings, pivotData, opts, widget);
-                    opts.sorters = new_sorting_function;
-                    optsFiltered.sorters = new_sorting_function;
-                    pivotData.sorters = new_sorting_function;
+                if (!highchartsRenderer.isSortingOnBackendEnabled()) {
+                    const sortByValueSettings = lodash.filter(
+                        lodash.get(widget, 'options.sortingFields', []),
+                        sortingField => lodash.includes(['field_values', 'variance'], lodash.get(sortingField, 'sorting.sort_by'))
+                    );
+    
+                    if (sortByValueSettings.length) {
+                        pivotData.sortByValueAttrs = lodash.map(sortByValueSettings, fieldSorting => fieldSorting.name);
+                        let new_sorting_function = highchartsRenderer.generateSortingFunctionByValues(sortByValueSettings, pivotData, opts, widget);
+                        opts.sorters = new_sorting_function;
+                        optsFiltered.sorters = new_sorting_function;
+                        pivotData.sorters = new_sorting_function;
+                    }
                 }
 
                 result = opts.renderer(pivotData, opts.rendererOptions);
@@ -4842,6 +4780,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             rows: lodash.map(pivotOptions.legendArray, 'name'),
             rendererOptions: widget.options,
             dateValuesDictionary: pivotOptions ? pivotOptions.dateValuesDictionary : null,
+            keysObject: pivotOptions ? pivotOptions.keysObject : null,
         };
 
         if (!subopts.rendererOptions) {
@@ -8710,6 +8649,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     };
 
     highchartsRenderer.getWidgetDataSorters = function (res, widget, defaultDateFormat) {
+        let sorters;
+
         if ($.pivotUtilities && !$.pivotUtilities.additionalFieldsList) {
             $.pivotUtilities.additionalFieldsList = [
                 {key: 'DR_Average', name: 'DR_Average'},
@@ -8717,32 +8658,20 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             ];
         }
 
-        var datesFields = [];
+        let datesFields = [];
         datesFields = lodash.filter(widget.rows, element => element.type == 'Date');
         datesFields = datesFields.concat(lodash.filter(widget.cols, element => element.type == 'Date'));
-
-        const isCustomSorting = widget.options.sortingFields && Array.isArray(widget.options.sortingFields) && widget.options.sortingFields.length > 0;
-        if (isCustomSorting) {
-            lodash.forEach(datesFields, function (field) {
-                const fieldToSort = lodash.find(
-                    widget.options.sortingFields, element => element.id === field.id && lodash.get(element, 'sorting.sort_by') === 'field_items'
-                );
-                field.sorting = fieldToSort ? fieldToSort.sorting : field.sorting;
-            });
-        }
-
         datesFields = lodash.map(datesFields, function (row) {
             return { "format": highchartsRenderer.getDateFieldFormat(widget, row), "name": row.name, "type": row.type, "values": [], "sorting": row.sorting } //'MMM - yyyy' format
         });
 
-        var data = res;
-
         lodash.forEach(datesFields, function (row) {
             row.val_not_convert = highchartsRenderer.check_values_not_for_convert(widget, row.name);
         });
 
         if (datesFields.length > 0) {
-            lodash.forEach(data, function (element) {
+            const invertedDateStringMap = {};
+            lodash.forEach(res, function (element) {
                 for (var i in datesFields) {
                     if (element.hasOwnProperty(datesFields[i].name)) {
                         datesFields[i].values.push(element[datesFields[i].name]);
@@ -8755,125 +8684,156 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                                 widget.pivot.dateValuesDictionary = {}
                             }
                             widget.pivot.dateValuesDictionary[dateStringValue] = element[datesFields[i].name];
+                            invertedDateStringMap[element[datesFields[i].name]] = dateStringValue;
                         }
                         element[datesFields[i].name] = dateStringValue;
                     }
                 }
             });
+
+            if (highchartsRenderer.isSortingOnBackendEnabled()) {
+                lodash.forEach(['col_keys', 'row_keys'], (keysListName, index) => {
+                    const widgetFields = index ? widget.rows : widget.cols;
+                    const uniqueFormattedKeysList = [];
+                    lodash.forEach(widget.pivot.keysObject[keysListName], subKeysList => {
+                        lodash.forEach(subKeysList, (key, index) => {
+                            if (widgetFields[index].type === 'Date') {
+                                subKeysList[index] = invertedDateStringMap[key] || key;
+                            }
+                        });
+                        if (!lodash.find(uniqueFormattedKeysList, formattedSubKeys => lodash.isEqual(formattedSubKeys, subKeysList))) {
+                            uniqueFormattedKeysList.push(subKeysList);
+                        }
+                    });
+                    widget.pivot.keysObject[keysListName] = uniqueFormattedKeysList;
+                });
+            }
         }
-        lodash.forEach(datesFields, function (row) {
-            row.values = lodash.uniq(row.values);
 
-            const isTimestampDateField = row.type === 'Date' && lodash.some(row.values, value => typeof value ==='number');
-            if (isTimestampDateField) {
-                const nullValueIndex = row.values.indexOf(NULL_VALUE);
-                if (~nullValueIndex) {
-                    row.values.splice(nullValueIndex, 1);
+        if (!highchartsRenderer.isSortingOnBackendEnabled()) {
+            const isCustomSorting = widget.options.sortingFields && Array.isArray(widget.options.sortingFields) && widget.options.sortingFields.length > 0;
+            if (isCustomSorting) {
+                lodash.forEach(datesFields, function (field) {
+                    const fieldToSort = lodash.find(
+                        widget.options.sortingFields, element => element.id === field.id && lodash.get(element, 'sorting.sort_by') === 'field_items'
+                    );
+                    field.sorting = fieldToSort ? fieldToSort.sorting : field.sorting;
+                });
+            }
+    
+            lodash.forEach(datesFields, function (row) {
+                row.values = lodash.uniq(row.values);
+    
+                const isTimestampDateField = row.type === 'Date' && lodash.some(row.values, value => typeof value ==='number');
+                if (isTimestampDateField) {
+                    const nullValueIndex = row.values.indexOf(NULL_VALUE);
+                    if (~nullValueIndex) {
+                        row.values.splice(nullValueIndex, 1);
+                    }
+                    row.values = row.values.sort((a, b) => a - b);
+                    if (~nullValueIndex) {
+                        row.values.push(NULL_VALUE);
+                    }
+                } else {
+                    row.values = row.values.sort();
                 }
-                row.values = row.values.sort((a, b) => a - b);
-                if (~nullValueIndex) {
-                    row.values.push(NULL_VALUE);
+    
+                if (row.sorting && row.sorting.type == "largestToSmallest") {
+                    row.values = lodash.reverse(row.values);
                 }
-            } else {
-                row.values = row.values.sort();
-            }
+                delete row.sorting;
+                row.values = lodash.map(row.values, function (val) {
+                    return highchartsRenderer.returnRawDataValue(row.type, val, row.format, row.name, row.val_not_convert) + "";
+                })
+    
+            });
 
-            if (row.sorting && row.sorting.type == "largestToSmallest") {
-                row.values = lodash.reverse(row.values);
+            /* date string */
+            var rowsAndCols = [];
+            rowsAndCols = widget.rows.concat(widget.cols);
+
+            if (widget.chart_type === highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN) {
+
+                // if it is breakdown widget - redefine sorting according to breakdown_options
+                // TODO: remove this when BE sort will be implemented
+                lodash.forEach(rowsAndCols, function (field) {
+                    const waterfallFieldType = field.id === widget.cols[0].id ? 'totals' : 'breakdown';
+                    field.sorting = {
+                        type: 'CustomOrder',
+                        values: lodash.map(
+                            widget.options.breakdown_options.values[waterfallFieldType],
+                            value => value.key
+                        ),
+                    };
+                });
+            } else if (isCustomSorting) {
+                lodash.forEach(rowsAndCols, function (field) {
+                    const fieldToSort = lodash.find(
+                        widget.options.sortingFields, element => element.id === field.id && lodash.get(element, 'sorting.sort_by') === 'field_items'
+                    );
+                    field.sorting = fieldToSort ? fieldToSort.sorting : field.sorting;
+                });
             }
-            delete row.sorting;
-            row.values = lodash.map(row.values, function (val) {
-                return highchartsRenderer.returnRawDataValue(row.type, val, row.format, row.name, row.val_not_convert) + "";
-            })
-
-        });
-
-        /* date string */
-        var rowsAndCols = [];
-        rowsAndCols = widget.rows.concat(widget.cols);
 
-        if (widget.chart_type === highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN) {
-
-            // if it is breakdown widget - redefine sorting according to breakdown_options
-            // TODO: remove this when BE sort will be implemented
-            lodash.forEach(rowsAndCols, function (field) {
-                const waterfallFieldType = field.id === widget.cols[0].id ? 'totals' : 'breakdown';
-                field.sorting = {
-                    type: 'CustomOrder',
-                    values: lodash.map(
-                        widget.options.breakdown_options.values[waterfallFieldType],
-                        value => value.key
-                    ),
-                };
-            });
-        } else if (isCustomSorting) {
             lodash.forEach(rowsAndCols, function (field) {
-                const fieldToSort = lodash.find(
-                    widget.options.sortingFields, element => element.id === field.id && lodash.get(element, 'sorting.sort_by') === 'field_items'
-                );
-                field.sorting = fieldToSort ? fieldToSort.sorting : field.sorting;
-            });
-        }
-
-        lodash.forEach(rowsAndCols, function (field) {
-            if (field.sorting && (field.sorting.type == "DateString" || field.sorting.type == "largestToSmallest")) {
-                var find_field = lodash.find(datesFields, {name: field.name});
-                if (find_field) {
-                    if (find_field.type != 'Date')
-                        find_field.sorting = field.sorting;
-                } else {
+                if (field.sorting && (field.sorting.type == "DateString" || field.sorting.type == "largestToSmallest")) {
+                    var find_field = lodash.find(datesFields, {name: field.name});
+                    if (find_field) {
+                        if (find_field.type != 'Date')
+                            find_field.sorting = field.sorting;
+                    } else {
+                        datesFields.push({
+                            "format": field.format,
+                            "name": field.name,
+                            "type": field.type,
+                            "values": [],
+                            "sorting": field.sorting,
+                        });
+                    }
+                } else if (field.sorting && field.sorting.type == "CustomOrder" && field.sorting.values) {
                     datesFields.push({
                         "format": field.format,
                         "name": field.name,
                         "type": field.type,
-                        "values": [],
-                        "sorting": field.sorting,
+                        "values": field.sorting.values
                     });
                 }
-            } else if (field.sorting && field.sorting.type == "CustomOrder" && field.sorting.values) {
-                datesFields.push({
-                    "format": field.format,
-                    "name": field.name,
-                    "type": field.type,
-                    "values": field.sorting.values
-                });
-            }
-        });
-
-        if (widget.vals && widget.vals.length > 1) {
-            datesFields.push({name: "DR_Values", values: lodash.map(widget.vals, 'name')});
-        }
+            });
 
-        /****** END *******/
-        
-        // TODO: Remove. sortingValues looks like lagacy which is not in use neither in webclient nor in renderer
-        if (widget.options && widget.options.sortingValues) {
-            var field = lodash.find(datesFields, {name: widget.options.sortingValues.field});
-            if (field) {
-                field.values = widget.options.sortingValues.values;
-                field.sorting = null;
-            } else {
-                datesFields.push({
-                    name: widget.options.sortingValues.field,
-                    values: widget.options.sortingValues.values
-                });
+            if (widget.vals && widget.vals.length > 1) {
+                datesFields.push({name: "DR_Values", values: lodash.map(widget.vals, 'name')});
             }
-        }
-
-        let sorters = function (attr) {
-            var field = lodash.find(datesFields, {name: attr});
-            if (field)
-                if (field.sorting && field.sorting.type == "DateString") {
-                    return $.pivotUtilities.sortDateStrings(field.sorting.month_order);
-                } else if (field.sorting && field.sorting.type == "largestToSmallest") {
-                    if (field.sorting.is_absolute)
-                        return $.pivotUtilities.largeToSmallSortByAbsolute;
-
-                    return $.pivotUtilities.largeToSmallSort;
+    
+            /****** END *******/
+            
+            // TODO: Remove. sortingValues looks like lagacy which is not in use neither in webclient nor in renderer
+            if (widget.options && widget.options.sortingValues) {
+                var field = lodash.find(datesFields, {name: widget.options.sortingValues.field});
+                if (field) {
+                    field.values = widget.options.sortingValues.values;
+                    field.sorting = null;
                 } else {
-                    return $.pivotUtilities.sortAs(field.values);
+                    datesFields.push({
+                        name: widget.options.sortingValues.field,
+                        values: widget.options.sortingValues.values
+                    });
                 }
-        };
+            }
+            sorters = function (attr) {
+                var field = lodash.find(datesFields, {name: attr});
+                if (field)
+                    if (field.sorting && field.sorting.type == "DateString") {
+                        return $.pivotUtilities.sortDateStrings(field.sorting.month_order);
+                    } else if (field.sorting && field.sorting.type == "largestToSmallest") {
+                        if (field.sorting.is_absolute)
+                            return $.pivotUtilities.largeToSmallSortByAbsolute;
+    
+                        return $.pivotUtilities.largeToSmallSort;
+                    } else {
+                        return $.pivotUtilities.sortAs(field.values);
+                    }
+            };
+        }
 
         return sorters;
     };
@@ -8893,6 +8853,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     //highchartsRenderer.getGraphOptions(scope.data, override_values, res, scope.dataModel.templatesWithOutData, scope.openDrillDownList, drillDownFunction)
     highchartsRenderer.getGraphOptions = function (widget_obj, override_values, row_data, templates, openDrillDownListFunction, drillDownFunction) {
+
+        let keysObject;
+        if (highchartsRenderer.isSortingOnBackendEnabled()) {
+            keysObject = row_data.pop();
+        }
+
         let res = highchartsRenderer.updateSelectedOverrideValues(widget_obj, override_values, row_data);
         res = highchartsRenderer.convertUniqueDateValues(widget_obj, templates, res);
 
@@ -8904,6 +8870,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         let pivot = {};
 
+        if (highchartsRenderer.isSortingOnBackendEnabled()) {
+            pivot.keysObject = keysObject;
+        }
+
         let templateNoData = lodash.find(templates, {id: widget_obj.template_id});
         if (templateNoData) {
 
@@ -8940,6 +8910,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             subopts.onlyOptions = true;
         }
 
+        subopts.keysObject = keysObject;
+
         let hc_options = highchartsRenderer.rhPivotView(res, subopts, is_table, widget_obj);
 
         return hc_options;
@@ -9267,31 +9239,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         }
     }
 
-    highchartsRenderer.checkFormats = function(render_options, widget_values_format) {
-        let isSecondaryAxis = false;
-        let formats = [];
-        if (render_options && render_options.comboOptions && render_options.comboOptions.seriesOptions) {
-            isSecondaryAxis = lodash.some(render_options.comboOptions.seriesOptions, series => series.secondaryAxis);
-            formats = lodash.map(render_options.comboOptions.seriesOptions, series => series.format);
-        }
-        const isCustomFormat = !lodash.includes(formats, widget_values_format);
-
-        return { isSecondaryAxis, isCustomFormat }
-    }
-
-    highchartsRenderer.getRecordFormats = function(render_options, recordName) {
-        let formats = [];
-        if (render_options && render_options.comboOptions && render_options.comboOptions.seriesOptions) {
-            formats = render_options.comboOptions.seriesOptions
-                .filter(series => series.series === recordName)
-                .map(series => series.format);
-        }
-        return formats;
-    }
-
-    highchartsRenderer.isCustomValuesFormat = function (render_options, widget_values_format) {
-        const { isSecondaryAxis, isCustomFormat } = highchartsRenderer.checkFormats(render_options, widget_values_format);
-        return highchartsRenderer.enabledNewWidgetValueFormatting && (isCustomFormat || !isSecondaryAxis);
+    highchartsRenderer.isSortingOnBackendEnabled = function() {
+        return lodash.includes(lodash.get(document, 'ReportHippo.user.features'), 'enable_server_widget_data_sorting');
     }
 
     return highchartsRenderer;

package/src/pivottable.js

@@ -686,8 +686,17 @@ let initPivotTable = function($, window, document) {
             });
             this.tree = {};
             this.insights = [];
-            this.rowKeys = [];
-            this.colKeys = [];
+
+            this.isKeysSortingDoneOnBackendSide = opts.keysObject && typeof opts.keysObject === 'object';
+            if (this.isKeysSortingDoneOnBackendSide) {
+                this.rowKeys = opts.keysObject.row_keys;
+                this.colKeys = opts.keysObject.col_keys;
+                // TODO: add also for breakdown sort object when BE story is ready.
+            } else {
+                this.rowKeys = [];
+                this.colKeys = [];
+            }
+
             this.rowTotals = {};
             this.colTotals = {};
             this.allTotal = this.aggregator(this, [], []);
@@ -852,12 +861,16 @@ let initPivotTable = function($, window, document) {
         };
 
         PivotData.prototype.getColKeys = function() {
-            this.sortKeys();
+            if (!this.isKeysSortingDoneOnBackendSide) {
+                this.sortKeys();
+            }
             return this.colKeys;
         };
 
         PivotData.prototype.getRowKeys = function() {
-            this.sortKeys();
+            if (!this.isKeysSortingDoneOnBackendSide) {
+                this.sortKeys();
+            }
             return this.rowKeys;
         };
 

package/tests/highcharts_renderer.test.js

@@ -483,7 +483,6 @@ describe('highcharts_renderer', () => {
         let opts;
 
         beforeEach(() => {
-            highchartsRenderer.enabledNewWidgetValueFormatting = false;
             funcContext = { y: '12345.678' };
             opts = {}
         });
@@ -1736,7 +1735,6 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -1783,21 +1781,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject.push({Profit: 20, 'Region average': 'Central', Region: 'Region average'});
                         expect(aggregatorObject.ignoreValue).toBe(true);
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorSum(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.formats).toEqual(['\"$\"#,###.###']);
-                    });
                 });
 
                 describe('Value method', () => {
@@ -1848,22 +1831,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject = aggregator({}, ['Region average'], '');
                         expect(aggregatorObject.format(1123.45678, false)).toBe('112345.68%');
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions and widget_value_format to equal first seriesOptions format', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        widget_values_format = '\"$\"#,###.###';
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorSum(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.format(1123.45678, false)).toBe('$1,123.457');
-                    });
                 });
             });
 
@@ -1945,7 +1912,6 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -1992,21 +1958,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject.push({Profit: 20, 'Region average': 'Central', Region: 'Region average'});
                         expect(aggregatorObject.ignoreValue).toBe(true);
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotCount(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.formats).toEqual(['\"$\"#,###.###']);
-                    });
                 });
 
                 describe('Value method', () => {
@@ -2057,22 +2008,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject = aggregator({}, ['Region average'], '');
                         expect(aggregatorObject.format(1123.45678, false)).toBe('112345.68%');
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions and widget_value_format to equal first seriesOptions format', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        widget_values_format = '\"$\"#,###.###';
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotCount(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.format(1123.45678, false)).toBe('$1,123.457');
-                    });
                 });
             });
 
@@ -2308,7 +2243,6 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -2357,21 +2291,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject.push({Profit: 20, 'Region average': 'Central', Region: 'Region average'});
                         expect(aggregatorObject.ignoreValue).toBe(true);
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorAverage(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.formats).toEqual(['\"$\"#,###.###']);
-                    });
                 });
 
                 describe('Value method', () => {
@@ -2431,22 +2350,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject = aggregator({}, ['Region average'], '');
                         expect(aggregatorObject.format(1123.45678, false)).toBe('112345.68%');
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions and widget_value_format to equal first seriesOptions format', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        widget_values_format = '\"$\"#,###.###';
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorAverage(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.format(1123.45678, false)).toBe('$1,123.457');
-                    });
                 });
             });
 
@@ -2528,7 +2431,6 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -2575,21 +2477,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject.push({Profit: 20, 'Region average': 'Central', Region: 'Region average'});
                         expect(aggregatorObject.ignoreValue).toBe(true);
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorMin(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.formats).toEqual(['\"$\"#,###.###']);
-                    });
                 });
 
                 describe('Value method', () => {
@@ -2641,22 +2528,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject = aggregator({}, ['Region average'], '');
                         expect(aggregatorObject.format(1123.45678, false)).toBe('112345.68%');
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions and widget_value_format to equal first seriesOptions format', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        widget_values_format = '\"$\"#,###.###';
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorMin(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.format(1123.45678, false)).toBe('$1,123.457');
-                    });
                 });
             });
 
@@ -2738,7 +2609,6 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -2785,21 +2655,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject.push({Profit: 20, 'Region average': 'Central', Region: 'Region average'});
                         expect(aggregatorObject.ignoreValue).toBe(true);
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorMax(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.formats).toEqual(['\"$\"#,###.###']);
-                    });
                 });
 
                 describe('Value method', () => {
@@ -2851,22 +2706,6 @@ describe('highcharts_renderer', () => {
                         aggregatorObject = aggregator({}, ['Region average'], '');
                         expect(aggregatorObject.format(1123.45678, false)).toBe('112345.68%');
                     });
-
-                    it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions and widget_value_format to equal first seriesOptions format', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
-                        widget_values_format = '\"$\"#,###.###';
-                        const options = {
-                            comboOptions: {
-                                seriesOptions: [
-                                    {series: 'Profit', format: '\"$\"#,###.###' , secondaryAxis: true},
-                                ]
-                            }
-                        }
-                        aggregator = highchartsRenderer.rhPivotAggregatorMax(arg, widget_values_format, is_graph, options, calculated_info);
-                        aggregatorObject = aggregator({}, ['Profit'], '');
-                        aggregatorObject.push({ DR_Values: 'Profit', Profit: 123 });
-                        expect(aggregatorObject.format(1123.45678, false)).toBe('$1,123.457');
-                    });
                 });
             });
         });
@@ -4452,144 +4291,4 @@ describe('highcharts_renderer', () => {
             expect(highchartsRenderer.getTrendSeriesName(series)).toBe(expectedName);
         });
     });
-
-    describe('function checkFormats', () => {
-        it('should correctly detect if any series is on secondary axis', () => {
-            const render_options = {
-                comboOptions: {
-                    seriesOptions: [
-                        { secondaryAxis: false },
-                        { secondaryAxis: true },
-                        { secondaryAxis: false },
-                    ],
-                },
-            };
-            const widget_values_format = '#,###';
-            const result = highchartsRenderer.checkFormats(render_options, widget_values_format);
-            expect(result.isSecondaryAxis).toBe(true);
-        });
-
-        it('should correctly detect if all series are on primary axis', () => {
-            const render_options = {
-                comboOptions: {
-                    seriesOptions: [
-                        { secondaryAxis: false },
-                        { secondaryAxis: false },
-                        { secondaryAxis: false },
-                    ],
-                },
-            };
-            const widget_values_format = '#,###';
-            const result = highchartsRenderer.checkFormats(render_options, widget_values_format);
-            expect(result.isSecondaryAxis).toBe(false);
-        });
-
-        it('should correctly detect if the given format is custom', () => {
-            const render_options = {
-                comboOptions: {
-                    seriesOptions: [
-                        { format: '#,###' },
-                        { format: '#,###' },
-                        { format: '#,###' },
-                    ],
-                },
-            };
-            const widget_values_format = '$#,###.###';
-            const result = highchartsRenderer.checkFormats(render_options, widget_values_format);
-            expect(result.isCustomFormat).toBe(true);
-        });
-
-        it('should correctly detect if the given format is not custom', () => {
-            const render_options = {
-                comboOptions: {
-                    seriesOptions: [
-                        { format: '$#,###' },
-                        { format: '$#,###.#' },
-                        { format: '$#,###.##' },
-                    ],
-                },
-            };
-            const widget_values_format = '$#,###';
-            const result = highchartsRenderer.checkFormats(render_options, widget_values_format);
-            expect(result.isCustomFormat).toBe(false);
-        });
-    });
-
-    describe('function isCustomValuesFormat', () => {
-        const render_options = {
-            comboOptions: {
-                seriesOptions: [
-                    { series: 'Profit', format: '#,###', secondaryAxis: false },
-                    { series: 'Sales', format: '#,###', secondaryAxis: true },
-                ]
-            }
-        };
-
-        it('should return true if new widget value formatting is enabled and the format is custom or there is no secondary axis', () => {
-            const widget_values_format = '$####.##';
-
-            highchartsRenderer.enabledNewWidgetValueFormatting = true;
-
-            const expectedValue = true;
-
-            const result = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
-            expect(result).toEqual(expectedValue);
-        });
-
-        it('should return false if new widget value formatting is disabled', () => {
-            const widget_values_format = '#,###';
-
-            highchartsRenderer.enabledNewWidgetValueFormatting = false;
-
-            const expectedValue = false;
-
-            const result = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
-            expect(result).toEqual(expectedValue);
-        });
-
-        it('should return false if the format is not custom and there is a secondary axis', () => {
-            const widget_values_format = '#,###';
-
-            highchartsRenderer.enabledNewWidgetValueFormatting = true;
-
-            const expectedValue = false;
-
-            const result = highchartsRenderer.isCustomValuesFormat(render_options, widget_values_format);
-
-            expect(result).toEqual(expectedValue);
-        });
-    });
-
-    describe('getRecordFormats', () => {
-        const render_options = {
-            comboOptions: {
-                seriesOptions: [
-                    { series: 'Profit', format: '$####.#', secondaryAxis: false },
-                    { series: 'Sales', format: '$####.##', secondaryAxis: true },
-                ]
-            }
-        };
-
-        it('should return an array of formats for the given record name', () => {
-            const recordName = 'Profit';
-
-            const expectedValue = ['$####.#'];
-
-            const result = highchartsRenderer.getRecordFormats(render_options, recordName);
-
-            expect(result).toEqual(expectedValue);
-        });
-
-        it('should return an empty array if there are no matching records', () => {
-            const recordName = 'Any';
-
-            const expectedValue = [];
-
-            const result = highchartsRenderer.getRecordFormats(render_options, recordName);
-
-            expect(result).toEqual(expectedValue);
-        });
-    });
 });