@datarailsshared/dr_renderer 1.4.135 → 1.5.16

package/.github/workflows/release.yml

@@ -16,6 +16,10 @@ concurrency:
   group: '${{ github.ref }}-${{ github.workflow }}'
   cancel-in-progress: true
 
+permissions:
+  contents: read
+  packages: write
+
 jobs:
   publish-npm:
     name: Build, Test and Publish to NPM
@@ -25,7 +29,7 @@ jobs:
       access_level: 'public'
       branch_postfix: false
       main_branch: 'master'
-      version_prefix: '1.4'
+      version_prefix: '1.5'
     secrets:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
@@ -37,3 +41,4 @@ jobs:
       node_version: '14.16.1'
       package_scope: '@datarails'
       version: ${{ needs.publish-npm.outputs.version }}
+    secrets: inherit

package/README.md

@@ -1,4 +1,4 @@
-# Datarails renderer
+# Datarails renderer  
 
 This project was generated by amazing Datarails R&D team 
 
@@ -62,3 +62,4 @@ try {
 ```
 
 ###
+##

package/package.json

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

package/src/highcharts_renderer.js

@@ -245,7 +245,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.hasFeature = function(featureFlagKey) {
         return lodash.includes(lodash.get(document, 'ReportHippo.user.features', []), featureFlagKey);
     }
-    
+
     if (!!lodash.get(document, 'ReportHippo.user')) {
         disableAnimation = document.ReportHippo.user.organization && document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.disable_animation
         highchartsRenderer.enabledNewWidgetValueFormatting = highchartsRenderer.hasFeature(FEATURES.ENABLE_NEW_WIDGET_VALUE_FORMATTING);
@@ -464,8 +464,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     };
 
     /**
-     * @param {String} value 
-     * @param {{ useUnitAbbreviation: boolean } labelOptions 
+     * @param {String} value
+     * @param {{ useUnitAbbreviation: boolean } labelOptions
      * @returns {String}
      */
     const removeNumberFormatValueUnitSign = (value, labelOptions) => {
@@ -615,7 +615,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
     highchartsRenderer.defaultValueLabelsFormatter = function (pivotData, opts, forcePercentage = false) {
         const deltaColumn = lodash.get(opts, 'chartOptions.delta_column', null);
         const isPercentage = deltaColumn && deltaColumn.is_percentage && deltaColumn.only_variant || forcePercentage;
-        
+
         if (isPercentage) {
             return highchartsRenderer.persantageValueLabelsFormatter(pivotData, opts);
         }
@@ -796,7 +796,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     // do nothing
                 }
             }
-            let formattedValue = $.pivotUtilities.getFormattedNumber(value, null, opts).replace(/\u00A0/g, " "); 
+            let formattedValue = $.pivotUtilities.getFormattedNumber(value, null, opts).replace(/\u00A0/g, " ");
             formattedValue = removeNumberFormatValueUnitSign(formattedValue, labelOptions);
             return formattedValue;
         };
@@ -872,10 +872,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 let series_name = highchartsRenderer.getSeriesNameInFormatterContext(this);
                 var rows = series_name.split(highchartsRenderer.delimer);
                 var cols = highchartsRenderer.getColsInFormatterContext(this);
-                
+
                 if (is_drill_down_pie && (highchartsRenderer.selfStartsWith(series_name,"Series ") || isChartWithMultiValues)) {
                     rows = [];
-                    
+
                     if (isChartWithMultiValues) {
                         cols = pivotData.getColKeys()[0];
                     }
@@ -942,7 +942,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     }
 
                     var aggr = pivotData.getAggregator(rows, cols);
-                    
+
                     let formatted_value_to_return = $.pivotUtilities.getFormattedNumber(y, null, opts);
                     if (aggr.value() || isWaterfallBreakdown || isChartWithMultiValues) {
                         formatted_value_to_return = $.pivotUtilities.getFormattedNumber(
@@ -1006,7 +1006,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         var hasProp = {}.hasOwnProperty;
         var forExport = [];
 
-        const TOTAL_CELL = 'Totals'; 
+        const TOTAL_CELL = 'Totals';
 
         colAttrs = pivotData.colAttrs;
         rowAttrs = pivotData.rowAttrs;
@@ -1148,7 +1148,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 const isPieChart = chartOptions.chart && chartOptions.chart.type === 'pie';
                 const x = isPieChart ? 13 : 12;
                 const y = isPieChart ? -9 : 6;
-                chartOptions.chart.spacingBottom = lodash.get(chartOptions, 'xAxis.title') ? 34 : 30; 
+                chartOptions.chart.spacingBottom = lodash.get(chartOptions, 'xAxis.title') ? 34 : 30;
                 chartOptions.drilldown.breadcrumbs = {
                     formatter: () => '< &nbsp;Back',
                     showFullPath: false,
@@ -1210,7 +1210,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             chartOptions = highchartsRenderer.updateChartOptions(chartOptions, opts);
             chartOptions = highchartsRenderer.updateChartOptions(chartOptions, {credits: {enabled: false}});
             result = $("<div>").addClass("chart");
- 
+
             // old angular
             if (result.highcharts) {
                 setTimeout(() => {
@@ -1814,7 +1814,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             if (keys[0] === 'Total') {
                 agg.uniq = pivotData.allTotal.uniq;
             }
-            
+
             let val = agg.value();
 
             if (val != null && $.isNumeric(val)) {
@@ -1984,7 +1984,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         } else if (delta_column_options.chart == 'spline') {
             series.color = varianceColor;
             series.type = 'spline'
-        } 
+        }
         return series;
     }
 
@@ -2032,7 +2032,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             } else if (!isNaN(key)) {
                 key = Number(key);
             }
-            
+
             ob.drilldown = key;
             pie_series.push(ob);
         });
@@ -3097,7 +3097,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             };
         }
         chartOptions.plotOptions.series = highchartsRenderer.getDataLabelsOptions(additionOptions, chartOptions.plotOptions.series);
-        
+
         if (opts.selectedPoint) {
             seriesPointStylesHelper.setInitialPointStyles(opts, chartOptions.series);
         }
@@ -3462,7 +3462,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         const additionOptions = opts.chartOptions
             ? opts.chartOptions
             : highchartsRenderer.getDefaultValueForChart(highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN);
-        
+
         if (!highchartsRenderer.isSortingOnBackendEnabled) {
             pivotData.colKeys = lodash.map(lodash.keys(pivotData.colTotals), key => [key]);
         }
@@ -3857,7 +3857,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = this.widget_values_format;
                     }
 
-                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.sum, render_options, data, rowKey, colKey);        
+                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.sum, render_options, data, rowKey, colKey);
                     if (aggregatorPercentageValue) {
                         return aggregatorPercentageValue;
                     }
@@ -3866,8 +3866,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
                     var formated_value = highchartsRenderer.formatValue('n', number_format, x);
 
-                    return formated_value && formated_value.hasOwnProperty('value') && formated_value.value != null 
-                        ? formated_value.value 
+                    return formated_value && formated_value.hasOwnProperty('value') && formated_value.value != null
+                        ? formated_value.value
                         : x.toLocaleString();
                 },
                 numInputs: attr != null ? 0 : 1
@@ -3931,7 +3931,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         return ''
                     }
 
-                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.uniq, render_options, data, rowKey, colKey);        
+                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.uniq, render_options, data, rowKey, colKey);
                     if (aggregatorPercentageValue) {
                         return aggregatorPercentageValue;
                     }
@@ -4023,7 +4023,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = this.widget_values_format;
                     }
 
-                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.sum, render_options, data, rowKey, colKey);        
+                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.sum, render_options, data, rowKey, colKey);
                     if (aggregatorPercentageValue) {
                         return aggregatorPercentageValue;
                     }
@@ -4115,7 +4115,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = this.widget_values_format;
                     }
 
-                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.val, render_options, data, rowKey, colKey);        
+                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.val, render_options, data, rowKey, colKey);
                     if (aggregatorPercentageValue) {
                         return aggregatorPercentageValue;
                     }
@@ -4207,7 +4207,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = this.widget_values_format;
                     }
 
-                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.val, render_options, data, rowKey, colKey);        
+                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.val, render_options, data, rowKey, colKey);
                     if (aggregatorPercentageValue) {
                         return aggregatorPercentageValue;
                     }
@@ -4302,7 +4302,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         number_format = this.widget_values_format;
                     }
 
-                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.sum, render_options, data, rowKey, colKey);        
+                    const aggregatorPercentageValue = valueFormatter.getAggregatorPercentageValueIfRequired(this.sum, render_options, data, rowKey, colKey);
                     if (aggregatorPercentageValue) {
                         return aggregatorPercentageValue;
                     }
@@ -4648,7 +4648,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         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);
@@ -4794,7 +4794,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         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);
@@ -5295,7 +5295,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 seriesOptions: []
             }
         }
-        
+
         if (options.chartOptions && options.chartOptions.delta_column && options.chartOptions.delta_column.field === 'series') {
             let deltaColumnSeries = {
                 series: options.chartOptions.delta_column.name,
@@ -6114,7 +6114,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
     highchartsRenderer.getDefaultValueForSubOptions = function (option, existing_options, chartType) {
         const valToReturn = {};
-        
+
         if (option) {
             const type = option.category_type;
 
@@ -6657,7 +6657,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                     element_type: 'checkbox',
                     value_name: 'dislay_empty_values',
                     element_label: 'Display empty values',
-                    default_value: false
+                    default_value: true
                 },
             ]
         },
@@ -6685,7 +6685,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 element_type: 'checkbox',
                 value_name: 'dislay_empty_values',
                 element_label: 'Display empty values',
-                default_value: false
+                default_value: true
             },
             {
                 element_type: 'devider',
@@ -9342,7 +9342,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 }
             }
         };
-    
+
         for (let i = 0; i < keys.length; i++) {
             replaceNestedKeys(keys[i]);
         }
@@ -9426,10 +9426,10 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         }
 
         if (!highchartsRenderer.sortHasBeenDoneOnBE(lodash.get(widget, 'pivot.keysObject'))) {
-    
+
             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);
@@ -9443,7 +9443,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 } else {
                     row.values = row.values.sort();
                 }
-    
+
                 if (row.sorting && row.sorting.type == "largestToSmallest") {
                     row.values = lodash.reverse(row.values);
                 }
@@ -9531,7 +9531,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             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
@@ -9678,7 +9678,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
         }
 
-        if (isEditor == true) {            
+        if (isEditor == true) {
             subopts.rendererOptions.totalFilterElements = {
                 col_total: $('<span>Grand Totals ' + highchartsRenderer.getIconsForTotalOptions(widget_obj.options, "col_total") + '</span>')[0],
                 row_total: $('<span>Grand Totals ' + highchartsRenderer.getIconsForTotalOptions(widget_obj.options, "row_total") + '</span>')[0]

package/.github/workflows/build-deploy.yml

@@ -1,28 +0,0 @@
-name: NPM Build and Publish
-
-on:
-  workflow_dispatch:
-  pull_request:
-    branches:
-      - 'master'
-  push:
-    branches:
-      - 'master'
-
-concurrency:
-  group: '${{ github.ref }}-${{ github.workflow }}'
-  cancel-in-progress: true
-
-jobs:
-  npm-workflow:
-    name: Build, Test and Publish
-    uses: datarails/dr_github_reusable/.github/workflows/npm-build-publish.yml@main
-    with:
-      access_level: 'public'
-      branch_postfix: false
-      main_branch: 'master'
-      version_prefix: '1.4'
-      skip_publish: ${{ github.event_name == 'pull_request' }}
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }} 
-