@datarailsshared/dr_renderer 1.5.133 → 1.5.147

package/src/options/presets.js

@@ -13,29 +13,29 @@ const {
     withLabelGauge,
     withLabelWithPercentage,
     withLabelWithPercentagePercentStacked,
-    
+
     // Tooltip builders
     withTooltip,
     withTooltipPie,
     withTooltipGauge,
-    
+
     // Axis builders
     withAxisY,
     withAxisYPercentStacked,
     withAxisX,
-    
+
     // Table builders
     withTableOptions,
     withTableOptionsTranspose,
     withTableOptionsGauge,
     withTableDesignOptions,
-    
+
     // Chart config builders
     withChart,
     withChartGrid,
     withChartForecast,
     withChartPosition,
-    
+
     // Other builders
     withWidgetLibrary,
     withSubtitle,
@@ -131,7 +131,7 @@ const CHART_PRESETS = {
         withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withChartForecast, withNegativeNumberFormat, withDeltaColumn, withAdvanced, withLegends,
     ],
-    
+
     // Area charts
     [CHART_TYPES.AREA_CHART]: [
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
@@ -143,14 +143,14 @@ const CHART_PRESETS = {
         withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withNegativeNumberFormat, withDeltaColumn, withAdvanced, withLegends,
     ],
-    
+
     // Polygon chart
     [CHART_TYPES.POLYGON_CHART]: [
         withTooltip, withLabel, withSubtitle,
         withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withNegativeNumberFormat, withDeltaColumn, withAdvanced, withLegends,
     ],
-    
+
     // Column charts
     [CHART_TYPES.COLUMN_CHART]: [
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
@@ -167,7 +167,7 @@ const CHART_PRESETS = {
         withWidgetLibrary, withTableOptions, withTableDesignOptions,
         withChartGrid, withAdvanced, withLegends,
     ],
-    
+
     // Combo charts
     [CHART_TYPES.COMBO_CHART]: [
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
@@ -184,7 +184,7 @@ const CHART_PRESETS = {
         withWidgetLibrary, withTableOptions, withTableDesignOptions,
         withChartGrid, withDeltaColumn, withAdvanced, withLegends,
     ],
-    
+
     // Bar charts
     [CHART_TYPES.BAR_CHART]: [
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
@@ -201,14 +201,14 @@ const CHART_PRESETS = {
         withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withChartGrid, withAdvanced, withLegends,
     ],
-    
+
     // Scatter chart
     [CHART_TYPES.SCATTER_CHART]: [
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
         withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withChartGrid, withNegativeNumberFormat, withDeltaColumn, withAdvanced, withLegends,
     ],
-    
+
     // Pie charts
     [CHART_TYPES.PIE_CHART]: [
         withTooltipPie, withLabelPie, withSubtitle,
@@ -226,7 +226,7 @@ const CHART_PRESETS = {
         withChart, withNegativeNumberFormat, withAdvanced, withLegends,
         withChartPosition, withTotalValueLabelDonut,
     ],
-    
+
     // Gauge charts
     [CHART_TYPES.GAUGE_CHART_ENHANCED]: [
         withLabelGauge, withTooltipGauge, withSubtitle,
@@ -241,7 +241,7 @@ const CHART_PRESETS = {
     [CHART_TYPES.GAUGE_CHART_CATEGORIES_SUMMARY]: [
         withLabelGauge, withTooltipGauge, withSubtitle,
     ],
-    
+
     // KPI widgets
     [CHART_TYPES.KPI_WIDGET]: [
         withValue, withRange, withWidgetLibrary, withName,
@@ -253,19 +253,19 @@ const CHART_PRESETS = {
         withTableOptionsTranspose, withTableDesignOptions,
         withNegativeNumberFormat, withLegends,
     ],
-    
+
     // Text widget
     [CHART_TYPES.TEXT_WIDGET]: [
         withName, withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withNegativeNumberFormat, withLegends,
     ],
-    
+
     // Table only
     [CHART_TYPES.TABLE_ONLY]: [
         withSubtitle, withWidgetLibrary, withTableOptionsTranspose, withTableDesignOptions,
         withNegativeNumberFormat, withDeltaColumn, withAdvanced,
     ],
-    
+
     // Waterfall charts
     [CHART_TYPES.WATERFALL_BREAKDOWN]: [
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
@@ -275,11 +275,11 @@ const CHART_PRESETS = {
         withAxisY, withAxisX, withTooltip, withLabel, withSubtitle,
         withWidgetLibrary, withChart, withNegativeNumberFormat, withAdvanced, withLegends,
     ],
-    
+
     // Legacy gauge charts (kept for backwards compatibility)
     [CHART_TYPES.GAUGE_SOLID_CHART]: [],
     [CHART_TYPES.GAUGE_CHART]: [],
-    
+
     // Non-chart types (kept for type completeness)
     [CHART_TYPES.PUBLISHED_ITEM]: [],
     [CHART_TYPES.RICH_TEXT]: [],
@@ -308,8 +308,7 @@ const getPresetForChart = (chartType) => CHART_PRESETS[chartType];
  * Builder configuration options passed to builder functions.
  * @typedef {Object} BuilderConfig
  * @property {import('./constants').ChartTypesMap} [CHART_TYPES] - Chart types enum
- * @property {(featureName: string) => boolean} [hasFeature] - Feature flag checker
- * @property {string} [ENABLE_GAUGE_DYNAMIC_GOAL] - Feature flag name
+ * @property {boolean} [enableGaugeDynamicGoal] - Allow specifying custom gauge goal title
  * @property {import('./builders').GaugeSegment[]} [defaultSegments] - Default gauge segments
  */
 
@@ -331,7 +330,7 @@ const buildSuboptionsForChart = (chartType, config = {}) => {
     if (!preset) {
         return {};
     }
-    
+
     /** @type {Record<string, import('./builders').SuboptionDefinition>} */
     const suboptions = {};
     preset.forEach((builder) => {
@@ -340,7 +339,7 @@ const buildSuboptionsForChart = (chartType, config = {}) => {
             suboptions[key] = builder(config);
         }
     });
-    
+
     return suboptions;
 };
 

package/src/types/options/builders.d.ts

@@ -205,13 +205,9 @@ export type FeatureChecker = (featureName: string) => boolean;
  */
 export type LabelGaugeConfig = {
     /**
-     * - Feature flag checker function
+     * - Allow specifying custom gauge goal title
      */
-    hasFeature?: FeatureChecker | undefined;
-    /**
-     * - Feature flag name
-     */
-    ENABLE_GAUGE_DYNAMIC_GOAL?: string | undefined;
+    enableGaugeDynamicGoal?: boolean | undefined;
 };
 /**
  * Table options configuration.
@@ -409,8 +405,7 @@ export function withLabelPie(): SuboptionDefinition;
 /**
  * Label gauge configuration options.
  * @typedef {Object} LabelGaugeConfig
- * @property {FeatureChecker} [hasFeature] - Feature flag checker function
- * @property {string} [ENABLE_GAUGE_DYNAMIC_GOAL] - Feature flag name
+ * @property {boolean} [enableGaugeDynamicGoal] - Allow specifying custom gauge goal title
  */
 /**
  * Creates a label suboption for gauge charts.

package/src/types/options/index.d.ts

@@ -139,13 +139,9 @@ type CreateDefaultSuboptionsConfig = {
      */
     CHART_TYPES?: constants.ChartTypesMap | undefined;
     /**
-     * - Feature flag checker function
+     * - Allow specifying custom gauge goal title
      */
-    hasFeature?: FeatureChecker | undefined;
-    /**
-     * - Feature flag name for gauge dynamic goal
-     */
-    ENABLE_GAUGE_DYNAMIC_GOAL?: string | undefined;
+    enableGaugeDynamicGoal?: boolean | undefined;
     /**
      * - Default gauge segments array
      */
@@ -165,8 +161,7 @@ import presets = require("./presets");
  * Configuration for createDefaultSuboptions.
  * @typedef {Object} CreateDefaultSuboptionsConfig
  * @property {import('./constants').ChartTypesMap} [CHART_TYPES] - Chart types enum (for table options)
- * @property {FeatureChecker} [hasFeature] - Feature flag checker function
- * @property {string} [ENABLE_GAUGE_DYNAMIC_GOAL] - Feature flag name for gauge dynamic goal
+ * @property {boolean} [enableGaugeDynamicGoal] - Allow specifying custom gauge goal title
  * @property {import('./builders').GaugeSegment[]} [defaultGaugeSegments] - Default gauge segments array
  */
 /**

package/src/types/options/presets.d.ts

@@ -11,13 +11,9 @@ export type BuilderConfig = {
      */
     CHART_TYPES?: import("./constants").ChartTypesMap | undefined;
     /**
-     * - Feature flag checker
+     * - Allow specifying custom gauge goal title
      */
-    hasFeature?: ((featureName: string) => boolean) | undefined;
-    /**
-     * - Feature flag name
-     */
-    ENABLE_GAUGE_DYNAMIC_GOAL?: string | undefined;
+    enableGaugeDynamicGoal?: boolean | undefined;
     /**
      * - Default gauge segments
      */
@@ -60,8 +56,7 @@ export function getPresetForChart(chartType: import("./constants").ChartTypeValu
  * Builder configuration options passed to builder functions.
  * @typedef {Object} BuilderConfig
  * @property {import('./constants').ChartTypesMap} [CHART_TYPES] - Chart types enum
- * @property {(featureName: string) => boolean} [hasFeature] - Feature flag checker
- * @property {string} [ENABLE_GAUGE_DYNAMIC_GOAL] - Feature flag name
+ * @property {boolean} [enableGaugeDynamicGoal] - Allow specifying custom gauge goal title
  * @property {import('./builders').GaugeSegment[]} [defaultSegments] - Default gauge segments
  */
 /**

package/tests/__snapshots__/suboptions.test.js.snap

@@ -469,8 +469,8 @@ Object {
     "shadow": false,
     "show": true,
     "show_out_of_data_series": false,
-    "show_out_of_x_axis": false,
-    "show_value": true,
+    "show_out_of_x_axis": true,
+    "show_value": false,
     "vertical": false,
   },
   "legends_position": Object {
@@ -784,8 +784,8 @@ Object {
     "shadow": false,
     "show": true,
     "show_out_of_data_series": false,
-    "show_out_of_x_axis": false,
-    "show_value": true,
+    "show_out_of_x_axis": true,
+    "show_value": false,
     "vertical": false,
   },
   "legends_position": Object {
@@ -3515,14 +3515,14 @@ Object {
     },
     Object {
       "clickFn": "[Function]",
-      "default_value": true,
+      "default_value": false,
       "element_label": "Value",
       "element_type": "checkbox",
       "value_name": "show_value",
     },
     Object {
       "clickFn": "[Function]",
-      "default_value": false,
+      "default_value": true,
       "element_label": "% Out of [X Axis]",
       "element_type": "checkbox",
       "value_name": "show_out_of_x_axis",

package/tests/dr_gauge_chart.test.js

@@ -21,9 +21,11 @@ DrGaugeChart.highchartsRenderer = {
     formatValue: jest.fn().mockReturnValue({
         value: mockFormattedValue,
     }),
+    environment: {
+        enableGaugeDynamicGoal: false,
+    },
     disableChartAnimations: jest.fn((value) => disableChartAnimation = value),
     chartAnimationsDisabled: jest.fn(() => disableChartAnimation),
-    hasFeature: jest.fn().mockReturnValue(false),
 };
 
 const mockAggregationValue = 1000;
@@ -143,6 +145,10 @@ describe("DrGaugeChart", () => {
     });
 
     describe("createPlotBands", () => {
+        afterEach(() => {
+            DrGaugeChart.highchartsRenderer.environment.enableGaugeDynamicGoal = false;
+        })
+
         it("should create plots for absolute values", () => {
             expect(
                 chart.createPlotBands({
@@ -330,9 +336,7 @@ describe("DrGaugeChart", () => {
         });
 
         it("scales by absolute needle magnitude when goal is not a number", () => {
-            const featureSpy = jest
-                .spyOn(DrGaugeChart.highchartsRenderer, "hasFeature")
-                .mockReturnValue(true);
+            DrGaugeChart.highchartsRenderer.environment.enableGaugeDynamicGoal = true;
 
             chart.value = -300;
             const res = chart.createPlotBands({
@@ -349,8 +353,6 @@ describe("DrGaugeChart", () => {
                 { from: 0, to: 150, color: "#1", thickness: 8, title: "A" },
                 { from: 150, to: 300, color: "#2", thickness: 8, title: "B" },
             ]);
-
-            featureSpy.mockRestore();
         });
 
         it("normalizes bands when goal is negative in percentage mode", () => {
@@ -374,9 +376,7 @@ describe("DrGaugeChart", () => {
         });
 
         it("does not clamp last segment when dynamic goal feature is enabled", () => {
-            const featureSpy = jest
-                .spyOn(DrGaugeChart.highchartsRenderer, "hasFeature")
-                .mockReturnValue(true);
+            DrGaugeChart.highchartsRenderer.environment.enableGaugeDynamicGoal = true;
 
             const res = chart.createPlotBands({
                 isAbsoluteValue: true,
@@ -394,8 +394,6 @@ describe("DrGaugeChart", () => {
                 { from: 200, to: 400, color: "blue", thickness: 10, title: "Title 2" },
                 { from: 400, to: 800, color: "green", thickness: 10, title: "Title 3" },
             ]);
-
-            featureSpy.mockRestore();
         });
     });
 

package/tests/highcharts_renderer.test.js

@@ -440,7 +440,9 @@ describe('highcharts_renderer', () => {
         let opts;
 
         beforeEach(() => {
-            highchartsRenderer.enabledNewWidgetValueFormatting = false;
+            highchartsRenderer.environment = {
+                enabledNewWidgetValueFormatting: false,
+            };
             highchartsRenderer.delimer = ' , ';
 
             funcContext = {
@@ -1557,7 +1559,6 @@ describe('highcharts_renderer', () => {
             expect(result).toHaveProperty('is_calculated', false);
             expect(result).toHaveProperty('values', []);
             expect(result).toHaveProperty('new_name', 'field');
-            expect(result).toHaveProperty('name_class', 'blue_filed');
             expect(result).toHaveProperty('date_field_before_split', null);
             expect(result).toHaveProperty('mandatory', false);
             expect(result).toHaveProperty('category', 'cat1');
@@ -1615,74 +1616,6 @@ describe('highcharts_renderer', () => {
         });
     });
 
-    describe('function isSystemField', () => {
-        it('system name', () => {
-            const field = {
-                name: 'Doc_ID'
-            };
-            expect(highchartsRenderer.isSystemField(field)).toBe(true);
-        });
-
-        it('not system name', () => {
-            const field = {
-                name: 'field name'
-            };
-            expect(highchartsRenderer.isSystemField(field)).toBe(false);
-        });
-
-        describe('dynamic system fields', () => {
-            it('should count Scenario & Budget Cycle as system field', () => {
-                highchartsRenderer.setFeatures(['multiple_dimension_tags', 'use_new_scenario_tag']);
-
-                const fieldWithScenario = { name: 'Scenario' };
-                expect(highchartsRenderer.isSystemField(fieldWithScenario)).toBe(true);
-
-                const fieldWithBudgetCycle = { name: 'Budget Cycle' };
-                expect(highchartsRenderer.isSystemField(fieldWithBudgetCycle)).toBe(true);
-            });
-        });
-    });
-
-    describe('function getFieldColorClass', () => {
-        it('should return "green_field" if field is not a system field and not mandatory', () => {
-            const field = {
-                name: 'field1',
-                mandatory: false
-            };
-            const result = highchartsRenderer.getFieldColorClass(field);
-            expect(result).toBe('green_field');
-        });
-
-        it('should return "blue_filed" if field is a system field and not mandatory', () => {
-            const field = {
-                name: 'System_Field',
-                mandatory: false,
-                isSystem: true
-            };
-            const result = highchartsRenderer.getFieldColorClass(field);
-            expect(result).toBe('blue_filed');
-        });
-
-        it('should return "green_field mandatoryfieldborder" if field is not a system field and is mandatory', () => {
-            const field = {
-                name: 'field2',
-                mandatory: true
-            };
-            const result = highchartsRenderer.getFieldColorClass(field);
-            expect(result).toBe('green_field mandatoryfieldborder ');
-        });
-
-        it('should return "blue_filed mandatoryfieldborder" if field is a system field and is mandatory', () => {
-            const field = {
-                name: 'System_Field',
-                mandatory: true,
-                isSystem: true
-            };
-            const result = highchartsRenderer.getFieldColorClass(field);
-            expect(result).toBe('blue_filed mandatoryfieldborder ');
-        });
-    });
-
     describe('function getMiniTemplateObj', () => {
         it('returns an object with only the id property', () => {
             const template = {
@@ -2369,7 +2302,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -2410,7 +2343,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         const options = {
                             comboOptions: {
                                 seriesOptions: [
@@ -2478,7 +2411,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     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;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         widget_values_format = '\"$\"#,###.###';
                         const options = {
                             comboOptions: {
@@ -2578,7 +2511,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -2619,7 +2552,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         const options = {
                             comboOptions: {
                                 seriesOptions: [
@@ -2687,7 +2620,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     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;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         widget_values_format = '\"$\"#,###.###';
                         const options = {
                             comboOptions: {
@@ -2941,7 +2874,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -2983,7 +2916,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         const options = {
                             comboOptions: {
                                 seriesOptions: [
@@ -3053,7 +2986,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     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;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         widget_values_format = '\"$\"#,###.###';
                         const options = {
                             comboOptions: {
@@ -3153,7 +3086,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -3194,7 +3127,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         const options = {
                             comboOptions: {
                                 seriesOptions: [
@@ -3263,7 +3196,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     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;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         widget_values_format = '\"$\"#,###.###';
                         const options = {
                             comboOptions: {
@@ -3363,7 +3296,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('Formats must be filled and uniq', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = false;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = false;
                         aggregatorObject.push({Profit: 123, formats: ['####', '####', '#,###']});
                         expect(aggregatorObject.formats).toEqual(['####', '#,###']);
                     });
@@ -3404,7 +3337,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     it('if FF enabledNewWidgetValueFormatting is and some of secondaryAxis is true widget values format must be from seriesOptions', () => {
-                        highchartsRenderer.enabledNewWidgetValueFormatting = true;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         const options = {
                             comboOptions: {
                                 seriesOptions: [
@@ -3473,7 +3406,7 @@ describe('highcharts_renderer', () => {
                     });
 
                     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;
+                        highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
                         widget_values_format = '\"$\"#,###.###';
                         const options = {
                             comboOptions: {
@@ -4905,7 +4838,7 @@ describe('highcharts_renderer', () => {
         it('should return true (enable_new_widget_value_formatting !== true, format is not custom, secondary axis present, >1 value fields)', () => {
             const widgetValuesFormat = '#,###';
             const pivotData = { rowAttrs: ['DR_Values'] };
-            highchartsRenderer.enabledNewWidgetValueFormatting = false;
+            highchartsRenderer.environment.enabledNewWidgetValueFormatting = false;
 
             const result = highchartsRenderer.isUsingWidgetValuesFormat(pivotData, renderOptions, widgetValuesFormat);
             expect(result).toEqual(true);
@@ -4914,7 +4847,7 @@ describe('highcharts_renderer', () => {
         it('should return true (enable_new_widget_value_formatting === true, format is custom, secondary axis present, >1 value fields)', () => {
             const widgetValuesFormat = '$#,###';
             const pivotData = { rowAttrs: ['DR_Values'] };
-            highchartsRenderer.enabledNewWidgetValueFormatting = true;
+            highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
 
             const result = highchartsRenderer.isUsingWidgetValuesFormat(pivotData, renderOptions, widgetValuesFormat);
             expect(result).toEqual(true);
@@ -4923,7 +4856,7 @@ describe('highcharts_renderer', () => {
         it('should return true (enable_new_widget_value_formatting === true, format is not custom, secondary axis not present, >1 value fields)', () => {
             const widgetValuesFormat = '#,###';
             const pivotData = { rowAttrs: ['DR_Values'] };
-            highchartsRenderer.enabledNewWidgetValueFormatting = true;
+            highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
             const renderOptionsNoSecondary = lodash.cloneDeep(renderOptions);
             renderOptionsNoSecondary.comboOptions.seriesOptions[1].secondaryAxis = false;
 
@@ -4934,7 +4867,7 @@ describe('highcharts_renderer', () => {
         it('should return true (enable_new_widget_value_formatting === true, format is not custom, secondary axis present, 1 value fields)', () => {
             const widgetValuesFormat = '#,###';
             const pivotData = { rowAttrs: ['Profit'] };
-            highchartsRenderer.enabledNewWidgetValueFormatting = true;
+            highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
 
             const result = highchartsRenderer.isUsingWidgetValuesFormat(pivotData, renderOptions, widgetValuesFormat);
             expect(result).toEqual(true);
@@ -4943,7 +4876,7 @@ describe('highcharts_renderer', () => {
         it('should return false (enable_new_widget_value_formatting === true, format is not custom, secondary axis present, >1 value fields)', () => {
             const widgetValuesFormat = '#,###';
             const pivotData = { rowAttrs: ['DR_Values'] };
-            highchartsRenderer.enabledNewWidgetValueFormatting = true;
+            highchartsRenderer.environment.enabledNewWidgetValueFormatting = true;
 
             const result = highchartsRenderer.isUsingWidgetValuesFormat(pivotData, renderOptions, widgetValuesFormat);
             expect(result).toEqual(false);
@@ -5120,6 +5053,17 @@ describe('highcharts_renderer', () => {
                 const formattedKey = highchartsRenderer.getFormattedKey(initialKey, pivotData, type);
                 expect(formattedKey).toEqual(initialKey);
             });
+
+            // some e2e tests exist that expects this behavior
+            it('should format blank value with [blank] text', () => {
+                const initialKey = ['DR_Others', ''];
+                const pivotData = {
+                    colFormats: [{ type: "Text", name: "Month" }, { type: 'Date', name: "Date" }],
+                };
+                const type = 'colFormats';
+                const formattedKey = highchartsRenderer.getFormattedKey(initialKey, pivotData, type);
+                expect(formattedKey).toEqual(['DR_Others', '[blank]']);
+            });
         });
     });