@sis-cc/dotstatsuite-components 8.13.0 → 8.14.0

package/lib/rules/src/chart/getChartOptions.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getChartOptions = exports.symbolMarkers = exports.FOCUS_COLORS = undefined;
 
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
 var _ramda = require('ramda');
 
 var R = _interopRequireWildcard(_ramda);
@@ -23,10 +27,10 @@ var _getTooltipOptions = require('./getTooltipOptions');
 
 var _constants = require('../constants');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var FOCUS_COLORS = exports.FOCUS_COLORS = {
   highlightColors: ['#E73741', '#0F8FD9', '#993484', '#DF521E', '#719E24', '#E1B400', '#32A674', '#0B68AF'],
   baselineColors: ['#0B1E2D']
@@ -74,7 +78,7 @@ var getChartOptions = exports.getChartOptions = function getChartOptions(data, t
     base: (0, _getBaseOptions.getBaseOptions)(type, options),
     grid: (0, _getGridOptions.getGridOptions)(type, options),
     map: R.pipe(R.propOr({}, 'map'), R.mergeRight({ intBoundariesColor: '#8EA4B1' }))(options),
-    serie: {
+    serie: (0, _extends3.default)({}, R.propOr({}, 'serie', options), {
       annotation: getAnnotationOptions(type, options),
       choropleth: R.pipe(R.pathOr({}, ['serie', 'choropleth']), R.mergeRight({
         divisions: 4,
@@ -97,6 +101,6 @@ var getChartOptions = exports.getChartOptions = function getChartOptions(data, t
       highlightColors: R.pathOr(FOCUS_COLORS.highlightColors, ['serie', 'highlightColors'], options),
       baselineColors: R.pathOr(FOCUS_COLORS.baselineColors, ['serie', 'baselineColors'], options),
       tooltip: (0, _getTooltipOptions.getTooltipOptions)(data, type, options, tooltipFonts, timeFormats, locale)
-    }
+    })
   };
 };

package/lib/viewer/src/chartUtils/series.js

@@ -34,6 +34,10 @@ var sampleFilterSeries = function sampleFilterSeries(series) {
 var lineFilterSeries = R.filter(isFocused);
 
 exports.default = function (series, type, options) {
+  var responsiveFocusFilter = R.pathOr(true, ['serie', 'responsiveFocusFilter'], options);
+  if (!responsiveFocusFilter) {
+    return series;
+  }
   var height = R.path(['base', 'height'], options);
   var width = R.path(['base', 'width'], options);
   var minWidth = R.path(['base', 'minDisplayWidth'], options);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sis-cc/dotstatsuite-components",
   "description": "Set components based on React.",
-  "version": "8.13.0",
+  "version": "8.14.0",
   "main": "lib/index.js",
   "author": "OECD",
   "license": "MIT",

package/src/rules/src/chart/getChartOptions.js

@@ -80,6 +80,7 @@ export const getChartOptions = (data, type, options, tooltipFonts, timeFormats,
       R.mergeRight({ intBoundariesColor: '#8EA4B1' })
     )(options),
     serie: {
+      ...R.propOr({}, 'serie', options),
       annotation: getAnnotationOptions(type, options),
       choropleth: R.pipe(
         R.pathOr({}, ['serie', 'choropleth']),

package/src/viewer/src/chartUtils/series.js

@@ -20,6 +20,10 @@ const sampleFilterSeries = (series) => (
 const lineFilterSeries = R.filter(isFocused);
 
 export default (series, type, options) => {
+  const responsiveFocusFilter = R.pathOr(true, ['serie', 'responsiveFocusFilter'], options);
+  if (!responsiveFocusFilter) {
+    return series;
+  }
   const height = R.path(['base', 'height'], options);
   const width = R.path(['base', 'width'], options);
   const minWidth = R.path(['base', 'minDisplayWidth'], options);