@datarailsshared/dr_renderer 1.2.244-dragons → 1.2.246-rocket

package/package.json

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

package/src/highcharts_renderer.js

@@ -1042,7 +1042,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             if (row_n_value && row_n_value.length > 0) {
                 ob.name = row_n_value.join(highchartsRenderer.delimer).replace('DR_Others', 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();
@@ -1259,7 +1258,6 @@ 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);
@@ -1270,7 +1268,6 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 if (colors && colors[i]) {
                     trendSeries.color = colors[i];
                 }
-
                 trendSerieses.push(trendSeries);
             }
             i++;
@@ -1287,7 +1284,6 @@ 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});
@@ -1433,8 +1429,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                 formatter: highchartsRenderer.defaultDataLabelFormatter(pivotData, {'chartOptions': additionOptions, total_value_options: opts.total_value_options}),
                 style: highchartsRenderer.getDataLabelsStyle(additionOptions),
             },
-            upColor: waterfallOptions.colors?.increase,
-            color: waterfallOptions.colors?.decrease,
+            upColor: waterfallOptions.colors.increase,
+            color: waterfallOptions.colors.decrease,
             className: SERIES_CLASSNAMES.WATERFALL_WALKTHROUGH
         };
         resultObject = highchartsRenderer.getDataLabelsOptions(additionOptions, resultObject);
@@ -1470,9 +1466,9 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             if (value.color) {
                 color = value.color;
             } else {
-                if (value.trend === 'total') color = waterfallOptions.colors?.total;
-                if (value.trend === 'decrease') color = waterfallOptions.colors?.decrease;
-                if (value.trend === 'increase') color = waterfallOptions.colors?.increase;
+                if (value.trend === 'total') color = waterfallOptions.colors.total;
+                if (value.trend === 'decrease') color = waterfallOptions.colors.decrease;
+                if (value.trend === 'increase') color = waterfallOptions.colors.increase;
             }
 
             resultObject.data.push({
@@ -1489,14 +1485,14 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             {
                 name: 'Positive',
                 visible: false,
-                color: waterfallOptions.colors?.increase
+                color: waterfallOptions.colors.increase
             });
 
         chart_series.push(
             {
                 name: 'Negative',
                 visible: false,
-                color: waterfallOptions.colors?.decrease
+                color: waterfallOptions.colors.decrease
             });
 
         return chart_series;
@@ -5223,7 +5219,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
 
         // TODO: remove this logic after BE sort is implemented
         // it is required to do sort by totals for comparative analysis - we need to change deltas if columns swaped vice versa
-        const isTwoColumnComparisonWidget = widgetOptions.chart_type === highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN
+        const isTwoColumnComparisonWidget = widgetOptions.chart_type === highchartsRenderer.CHART_TYPES.WATERFALL_BREAKDOWN 
             && lodash.get(widgetOptions, 'options.breakdown_options.values.totals', []).length === 2;
 
         if (isTwoColumnComparisonWidget) {
@@ -5363,13 +5359,16 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         dynamicRangeOptions.pivot.calculatedValues = highchartsRenderer.objectCopyJsonMethod(dynamicRangeOptions.calculated_values || []);
     }
 
-    highchartsRenderer.addTemplateDataToCalcModel = function (selectedTemplate, calcModelOptions) {
+    highchartsRenderer.addTemplateDataToCalcModel = function (selectedTemplate, calcModelOptions, calcModelPredefinedField) {
         highchartsRenderer.setWidgetFieldsToTemplate(selectedTemplate);
         const fields = highchartsRenderer.objectCopyJsonMethod(selectedTemplate.fields);
+        const predefinedField = lodash.cloneDeep(calcModelPredefinedField);
 
         const fillData = (fieldsArr, ignoreFieldsIdToRemove = []) => {
             const destinationArr = [];
             lodash.forEach(fieldsArr, function (valObj) {
+                if (!valObj) return;
+
                 const fieldOb = lodash.find(fields, { id: valObj.id });
                 if (fieldOb) {
                     destinationArr.push(fieldOb);
@@ -5405,37 +5404,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
         })();
 
-        const reportingMonthRegex = /reporting[_\s]month/i;
-
-        const predefinedField = {
-            value: {
-                regex: /posting[_\s]amount/i,
-                allowedFieldTypes: ['Float', 'Integer'],
-                fields: [],
-            },
-            dataType: {
-                regex: /^(data[_\s]type[_\s]by|data[_\s]type)$/i,
-                allowedFieldTypes: ['Text'],
-                fields: [],
-            },
-            date: {
-                regex: reportingMonthRegex,
-                allowedFieldTypes: ['Date'],
-                fields: [],
-            },
-            filters: {
-                isMultipleFields: true,
-                regex: /^(scenario|DR_ACC_L0)$/i,
-                fields: [],
-            },
-            dataSeries: {
-                isMultipleFields: true,
-                regex: /^(scenario|account[_\s]full|entity|intercompany|posting[_\s]currency|reporting[_\s]currency|report[_\s]field|USER_TO_DR_ACC_KEY|USER_TO_DR_KPI_KEY)$/i,
-                fields: [],
-            },
-        };
-
-        if (!lodash.get(calcModelOptions, 'config', false)) {
+        if (!lodash.get(calcModelOptions, 'config', false) && predefinedField) {
             /**
              * alias stronger than name (order in array is important)
              * Firstly we try to get predefined field by aliases and then fill in by names
@@ -5453,13 +5422,18 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
                         : [lodash.find(fields, field => canAssignPredefinedField(predefinedField[key], key, field, value, opposite, ignoredFields))].filter(f => !!f);
 
                     if (result && result.length) {
+                        if (!predefinedField[key].fields) {
+                            predefinedField[key].fields = [];
+                        }
+
                         predefinedField[key].fields.push(...result);
                     }
                 });
             }
         }
 
-        const filters = lodash.get(calcModelOptions, 'config.filters', predefinedField.filters.fields);
+        const defaultFilters = lodash.get(predefinedField, 'filters.fields', []);
+        const filters = lodash.get(calcModelOptions, 'config.filters', defaultFilters);
 
         lodash.forEach(filters, function (filterObj) {
             const fieldOb = lodash.find(fields, { id: filterObj.id });
@@ -5480,13 +5454,23 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
         });
 
-        const storedGroupByFields = lodash.get(calcModelOptions, 'config.group_by', predefinedField.dataSeries.fields);
-        const storedDateFields = [lodash.get(calcModelOptions, 'config.date_field', predefinedField.date.fields[0])].filter(f => !!f);
-        const storedAggFields = [lodash.get(calcModelOptions, 'config.agg_field', predefinedField.value.fields[0])].filter(f => !!f);
-        const storedDataTypeFields = [lodash.get(calcModelOptions, 'config.data_type_field', predefinedField.dataType.fields[0])].filter(f => !!f);
-        const scenarioField = lodash.get(calcModelOptions, 'config.scenario', lodash.find(predefinedField.filters.fields, filter => [filter.name, filter.alias].includes('scenario')));
-        const reportingMonthFieldWithAlias = lodash.find(fields, _field => reportingMonthRegex.test(_field.alias));
-        const reportingMonthFieldWithName = lodash.find(fields, _field => reportingMonthRegex.test(_field.name));
+        const defaultGroupByValues = lodash.get(predefinedField, 'dataSeries.fields', []);
+        const storedGroupByFields = lodash.get(calcModelOptions, 'config.group_by', defaultGroupByValues);
+
+        const defaultDateValue = lodash.get(predefinedField, 'date.fields[0]', undefined);
+        const storedDateFields = [lodash.get(calcModelOptions, 'config.date_field', defaultDateValue)].filter(f => !!f);
+
+        const defaultAggValue = lodash.get(predefinedField, 'value.fields[0]', undefined);
+        const storedAggFields = [lodash.get(calcModelOptions, 'config.agg_field', defaultAggValue)].filter(f => !!f);
+
+        const defaultDataTypeValue = lodash.get(predefinedField, 'dataType.fields[0]', undefined);
+        const storedDataTypeFields = [lodash.get(calcModelOptions, 'config.data_type_field', defaultDataTypeValue)].filter(f => !!f);
+
+        const reportingMonthRegex = /reporting[_\s]month/i;
+        const scenarioRegex = /scenario/i;
+
+        const scenarioField = lodash.find(fields, _field => scenarioRegex.test(_field.alias)) || lodash.find(fields, _field => scenarioRegex.test(_field.name));
+        const reportingMonthField = lodash.find(fields, _field => reportingMonthRegex.test(_field.alias)) || lodash.find(fields, _field => reportingMonthRegex.test(_field.name));
 
         /**
          * We can have several common fields, so we should ignore deleting during fillData
@@ -5505,7 +5489,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             selectedFieldsArray: dataSeriesFields,
             filtersArray: filterFields,
             scenarioField,
-            reportingMonthField: reportingMonthFieldWithAlias || reportingMonthFieldWithName,
+            reportingMonthField,
             dateFields,
             dataTypeFields,
             valueFields