@dhis2/analytics 23.8.5 → 23.8.6

package/build/cjs/visualizations/config/adapters/dhis_highcharts/legend.js

@@ -48,11 +48,13 @@ function getLegend(fontStyle, dashboard, visType) {
   });
 }
 
-const getLegendSetByDisplayStrategy = ({
-  displayStrategy,
-  legendSets,
-  legendSetId
-}) => {
+const getLegendSetByDisplayStrategy = _ref => {
+  let {
+    displayStrategy,
+    legendSets,
+    legendSetId
+  } = _ref;
+
   if (displayStrategy === _legends.LEGEND_DISPLAY_STRATEGY_FIXED && legendSets.length) {
     return legendSets[0];
   } else if (displayStrategy === _legends.LEGEND_DISPLAY_STRATEGY_BY_DATA_ITEM) {
@@ -62,19 +64,20 @@ const getLegendSetByDisplayStrategy = ({
   }
 };
 
-const formatLabel = ({
-  seriesId,
-  seriesColor,
-  seriesName,
-  seriesType,
-  metaData,
-  displayStrategy,
-  legendSets,
-  fontStyle,
-  visType
-}) => {
+const formatLabel = _ref2 => {
   var _metaData$seriesId, _legendSet$legends;
 
+  let {
+    seriesId,
+    seriesColor,
+    seriesName,
+    seriesType,
+    metaData,
+    displayStrategy,
+    legendSets,
+    fontStyle,
+    visType
+  } = _ref2;
   const legendSet = getLegendSetByDisplayStrategy({
     displayStrategy,
     legendSets,
@@ -90,15 +93,15 @@ const formatLabel = ({
     result.push("<span style=\"margin-left: 8px\" class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   } else if (legendSet !== null && legendSet !== void 0 && (_legendSet$legends = legendSet.legends) !== null && _legendSet$legends !== void 0 && _legendSet$legends.length && (0, _visTypes.isLegendSetType)(visType) && seriesType !== (0, _type.default)(_visTypes.VIS_TYPE_LINE).type) {
     // item with legend set
-    legendSet.legends.sort((a, b) => a.startValue - b.startValue).forEach((legend, index) => result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" version=\"1.1\"  style=\"margin-right:-5px; z-index: ").concat(legendSet.legends.length - index, "\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(legend.color, "\"></circle>\n                    </svg>")));
+    legendSet.legends.sort((a, b) => a.startValue - b.startValue).forEach((legend, index) => result.push("<svg width=\"".concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" style=\"margin-right:-5px; z-index: ").concat(legendSet.legends.length - index, "\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(legend.color, "\"></circle>\n                    </svg>")));
     result.push("<span style=\"margin-left: 8px\" class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   } else {
     // regular item (not a trendline, no applied legend set)
     if ((seriesColor === null || seriesColor === void 0 ? void 0 : seriesColor.patternIndex) !== undefined) {
       const pattern = _colorSets.colorSets[_colorSets.COLOR_SET_PATTERNS].patterns[seriesColor.patternIndex];
-      result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"height: ".concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "px; width: ").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "px; display: inline-block; margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                <defs>\n                  <pattern id=\"pattern").concat(seriesColor.patternIndex, "\" patternUnits=\"userSpaceOnUse\" width=\"").concat(pattern.width, "\" height=\"").concat(pattern.height, "\">\n                    <path stroke=\"").concat(pattern.color, "\" d=\"").concat(pattern.path, "\"/>\n                  </pattern>\n                </defs>\n                <circle cx=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"url(#pattern").concat(seriesColor.patternIndex, ")\"/>\n              </svg>"));
+      result.push("<svg style=\"height: ".concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "px; width: ").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "px; display: inline-block; margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                <defs>\n                  <pattern id=\"pattern").concat(seriesColor.patternIndex, "\" patternUnits=\"userSpaceOnUse\" width=\"").concat(pattern.width, "\" height=\"").concat(pattern.height, "\">\n                    <path stroke=\"").concat(pattern.color, "\" d=\"").concat(pattern.path, "\"/>\n                  </pattern>\n                </defs>\n                <circle cx=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"url(#pattern").concat(seriesColor.patternIndex, ")\"/>\n              </svg>"));
     } else {
-      result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" version=\"1.1\"  style=\"margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(seriesColor, "\"></circle>\n                    </svg>"));
+      result.push("<svg width=\"".concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE], "\" style=\"margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(seriesColor, "\"></circle>\n                    </svg>"));
     }
 
     result.push("<span class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
@@ -108,15 +111,16 @@ const formatLabel = ({
   return result.join('');
 };
 
-function _default({
-  isHidden,
-  fontStyle,
-  visType,
-  dashboard,
-  legendSets = [],
-  metaData,
-  displayStrategy
-}) {
+function _default(_ref3) {
+  let {
+    isHidden,
+    fontStyle,
+    visType,
+    dashboard,
+    legendSets = [],
+    metaData,
+    displayStrategy
+  } = _ref3;
   const mergedFontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(fontStyle, _fontStyle.FONT_STYLE_LEGEND);
   return isHidden || visType === _visTypes.VIS_TYPE_SCATTER ? {
     enabled: false

package/build/cjs/visualizations/config/adapters/dhis_highcharts/legendSet.js

@@ -17,26 +17,30 @@ const OUT_OF_BOUNDS_COLOR = '#CCCCCC';
 
 const getLegend = (value, legendSet) => value && legendSet ? (0, _legends.getLegendByValueFromLegendSet)(legendSet, value) : {};
 
-const applyLegendSet = (seriesObj = {}, legendSet) => !seriesObj.type ? { ...seriesObj,
-  data: seriesObj.data.map(value => {
-    var _getLegend, _getLegend2, _getLegend3, _getLegend4;
-
-    return (0, _isNumeric.default)(value) // Single category pass data as [value1, value2]
-    ? {
-      y: value,
-      color: ((_getLegend = getLegend(value, legendSet)) === null || _getLegend === void 0 ? void 0 : _getLegend.color) || OUT_OF_BOUNDS_COLOR,
-      legend: ((_getLegend2 = getLegend(value, legendSet)) === null || _getLegend2 === void 0 ? void 0 : _getLegend2.name) || '-',
-      legendSet: legendSet.name
-    } : Array.isArray(value) // Dual category pass data as [[position1, value1], [position2, value2]]
-    ? {
-      x: value[0],
-      y: value[1],
-      color: ((_getLegend3 = getLegend(value[1], legendSet)) === null || _getLegend3 === void 0 ? void 0 : _getLegend3.color) || OUT_OF_BOUNDS_COLOR,
-      legend: ((_getLegend4 = getLegend(value[1], legendSet)) === null || _getLegend4 === void 0 ? void 0 : _getLegend4.name) || '-',
-      legendSet: legendSet.name
-    } : value;
-  })
-} : { ...seriesObj
+const applyLegendSet = function () {
+  let seriesObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let legendSet = arguments.length > 1 ? arguments[1] : undefined;
+  return !seriesObj.type ? { ...seriesObj,
+    data: seriesObj.data.map(value => {
+      var _getLegend, _getLegend2, _getLegend3, _getLegend4;
+
+      return (0, _isNumeric.default)(value) // Single category pass data as [value1, value2]
+      ? {
+        y: value,
+        color: ((_getLegend = getLegend(value, legendSet)) === null || _getLegend === void 0 ? void 0 : _getLegend.color) || OUT_OF_BOUNDS_COLOR,
+        legend: ((_getLegend2 = getLegend(value, legendSet)) === null || _getLegend2 === void 0 ? void 0 : _getLegend2.name) || '-',
+        legendSet: legendSet.name
+      } : Array.isArray(value) // Dual category pass data as [[position1, value1], [position2, value2]]
+      ? {
+        x: value[0],
+        y: value[1],
+        color: ((_getLegend3 = getLegend(value[1], legendSet)) === null || _getLegend3 === void 0 ? void 0 : _getLegend3.color) || OUT_OF_BOUNDS_COLOR,
+        legend: ((_getLegend4 = getLegend(value[1], legendSet)) === null || _getLegend4 === void 0 ? void 0 : _getLegend4.name) || '-',
+        legendSet: legendSet.name
+      } : value;
+    })
+  } : { ...seriesObj
+  };
 };
 
 exports.applyLegendSet = applyLegendSet;

package/build/cjs/visualizations/config/adapters/dhis_highcharts/plotOptions.js

@@ -13,14 +13,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const MAX_LABELS = 10;
 
-var _default = ({
-  visType,
-  xAxisName,
-  yAxisName,
-  showLabels,
-  tooltipData,
-  onClick
-}) => {
+var _default = _ref => {
+  let {
+    visType,
+    xAxisName,
+    yAxisName,
+    showLabels,
+    tooltipData,
+    onClick
+  } = _ref;
   const series = {
     dataLabels: {
       enabled: showLabels,

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-exports.getDefault = exports.getLabels = void 0;
+exports.getLabels = exports.getDefault = void 0;
 
 var _objectClean = _interopRequireDefault(require("d2-utilizr/lib/objectClean"));
 

package/build/cjs/visualizations/config/adapters/dhis_highcharts/yAxis/gauge.js

@@ -48,9 +48,11 @@ const getLabelOffsetFromTextAlign = textAlign => {
   }
 };
 
-function getPlotLine(regressionLine = {}, defaultLabel) {
+function getPlotLine() {
   var _regressionLine$title, _regressionLine$title2;
 
+  let regressionLine = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let defaultLabel = arguments.length > 1 ? arguments[1] : undefined;
   const value = regressionLine.value;
 
   if (!(0, _isNumber.default)(value)) {

package/build/cjs/visualizations/config/generators/dhis/singleValue.js

@@ -13,14 +13,15 @@ var _legends = require("../../../../modules/legends.js");
 
 const svgNS = 'http://www.w3.org/2000/svg';
 
-const generateValueSVG = ({
-  value,
-  formattedValue,
-  subText,
-  legendSet,
-  noData,
-  y
-}) => {
+const generateValueSVG = _ref => {
+  let {
+    value,
+    formattedValue,
+    subText,
+    legendSet,
+    noData,
+    y
+  } = _ref;
   const textSize = 300;
   const svgValue = document.createElementNS(svgNS, 'svg');
   svgValue.setAttribute('xmlns', svgNS);
@@ -72,10 +73,11 @@ const generateValueSVG = ({
   return svgValue;
 };
 
-const generateDashboardItem = (config, {
-  legendSet,
-  noData
-}) => {
+const generateDashboardItem = (config, _ref2) => {
+  let {
+    legendSet,
+    noData
+  } = _ref2;
   const container = document.createElement('div');
   container.setAttribute('style', 'display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%');
   const titleStyle = 'font-size: 12px; color: #666;';
@@ -134,12 +136,13 @@ const getXFromTextAlign = textAlign => {
   }
 };
 
-const generateDVItem = (config, {
-  legendSet,
-  parentEl,
-  fontStyle,
-  noData
-}) => {
+const generateDVItem = (config, _ref3) => {
+  let {
+    legendSet,
+    parentEl,
+    fontStyle,
+    noData
+  } = _ref3;
   const parentElBBox = parentEl.getBoundingClientRect();
   const width = parentElBBox.width;
   const height = parentElBBox.height;
@@ -194,12 +197,13 @@ const generateDVItem = (config, {
   return svg;
 };
 
-function _default(config, parentEl, {
-  dashboard,
-  legendSets,
-  fontStyle,
-  noData
-}) {
+function _default(config, parentEl, _ref4) {
+  let {
+    dashboard,
+    legendSets,
+    fontStyle,
+    noData
+  } = _ref4;
   const legendSet = legendSets[0];
   parentEl.style.overflow = 'hidden';
   parentEl.style.display = 'flex';

package/build/cjs/visualizations/config/generators/highcharts/index.js

@@ -31,7 +31,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _default(config, el) {
   if (config) {
-    config.chart.renderTo = el || config.chart.renderTo;
+    config.chart.renderTo = el || config.chart.renderTo; // silence warning about accessibility
+
+    config.accessibility = {
+      enabled: false
+    };
 
     if (config.lang) {
       _highcharts.default.setOptions({

package/build/cjs/visualizations/config/index.js

@@ -17,17 +17,19 @@ var _index5 = _interopRequireDefault(require("./validators/index.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _default({
-  store,
-  layout,
-  el,
-  inputFormat = 'dhis',
-  outputFormat = 'highcharts',
-  extraLayout,
-  extraOptions,
-  onError,
-  onWarning
-}) {
+function _default(_ref) {
+  let {
+    store,
+    layout,
+    el,
+    inputFormat = 'dhis',
+    outputFormat = 'highcharts',
+    extraLayout,
+    extraOptions,
+    onError,
+    onWarning
+  } = _ref;
+
   const _validator = _index5.default[inputFormat] || _index5.default.noValidation;
 
   const _adapter = _index3.default[inputFormat + '_' + outputFormat];

package/build/cjs/visualizations/config/validators/dhis/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 
-function _default({
-  layout
-}) {
+function _default(_ref) {
+  let {
+    layout
+  } = _ref;
   return layout;
 }

package/build/cjs/visualizations/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createVisualization = createVisualization;
 Object.defineProperty(exports, "Config", {
   enumerable: true,
   get: function () {
@@ -16,6 +15,7 @@ Object.defineProperty(exports, "Store", {
     return _index2.default;
   }
 });
+exports.createVisualization = createVisualization;
 exports.default = void 0;
 
 var _isArray = _interopRequireDefault(require("d2-utilizr/lib/isArray"));
@@ -34,7 +34,11 @@ const defaultWarning = warning => {
   console.log(warning);
 };
 
-function createVisualization(data, layout, el, extraOptions, error = defaultError, warning = defaultWarning, outputFormat) {
+function createVisualization(data, layout, el, extraOptions) {
+  let error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultError;
+  let warning = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : defaultWarning;
+  let outputFormat = arguments.length > 6 ? arguments[6] : undefined;
+
   const _data = (0, _isArray.default)(data) ? data : [data];
 
   const store = new _index2.default({

package/build/cjs/visualizations/store/adapters/dhis_dhis/index.js

@@ -66,12 +66,13 @@ function getValueFunction(type) {
   }
 }
 
-function _default({
-  type,
-  data,
-  seriesId,
-  categoryId
-}) {
+function _default(_ref) {
+  let {
+    type,
+    data,
+    seriesId,
+    categoryId
+  } = _ref;
   const valueFunction = getValueFunction(type);
   return data.reduce((acc, res) => {
     const headers = res.headers;

package/build/cjs/visualizations/store/adapters/dhis_highcharts/index.js

@@ -99,13 +99,14 @@ function getSeriesFunction(type, categoryIds) {
   }
 }
 
-function _default({
-  type,
-  data,
-  seriesId,
-  categoryIds,
-  extraOptions
-}) {
+function _default(_ref) {
+  let {
+    type,
+    data,
+    seriesId,
+    categoryIds,
+    extraOptions
+  } = _ref;
   categoryIds = categoryIds || [];
   const seriesFunction = getSeriesFunction(type, categoryIds);
   return data.reduce((acc, res) => {

package/build/cjs/visualizations/store/index.js

@@ -11,15 +11,17 @@ var _index2 = _interopRequireDefault(require("./validators/index.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _default({
-  data,
-  inputFormat = 'dhis',
-  outputFormat = 'highcharts',
-  seriesId: initialSeriesId,
-  categoryId: initialCategoryId,
-  error,
-  warning
-}) {
+function _default(_ref) {
+  let {
+    data,
+    inputFormat = 'dhis',
+    outputFormat = 'highcharts',
+    seriesId: initialSeriesId,
+    categoryId: initialCategoryId,
+    error,
+    warning
+  } = _ref;
+
   const _validator = _index2.default[inputFormat] || _index2.default.noValidation;
 
   const _adapter = _index.default[inputFormat + '_' + outputFormat];
@@ -34,12 +36,13 @@ function _default({
 
   this.data = data;
 
-  this.generateData = ({
-    type,
-    seriesId = initialSeriesId,
-    categoryIds = [initialCategoryId],
-    extraOptions = {}
-  }) => {
+  this.generateData = _ref2 => {
+    let {
+      type,
+      seriesId = initialSeriesId,
+      categoryIds = [initialCategoryId],
+      extraOptions = {}
+    } = _ref2;
     return _adapter({
       type,
       data: data.map(d => _validator({

package/build/cjs/visualizations/store/validators/dhis/index.js

@@ -49,11 +49,13 @@ function validateRow(row, headersLength, error) {
   row.forEach(rowValue => validateRowValue(rowValue, error));
 }
 
-function _default({
-  data,
-  error,
-  warning
-}) {
+function _default(_ref) {
+  let {
+    data,
+    error,
+    warning
+  } = _ref;
+
   if (!(0, _isObject.default)(data)) {
     error(getMessage('Data is not an object'));
   } // headers

package/build/cjs/visualizations/util/colors/colorSets.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.colorSets = exports.COLOR_SET_PATTERNS = exports.COLOR_SET_COLOR_BLIND = exports.COLOR_SET_GRAY = exports.COLOR_SET_DARK = exports.COLOR_SET_BRIGHT = exports.COLOR_SET_DEFAULT = void 0;
+exports.colorSets = exports.COLOR_SET_PATTERNS = exports.COLOR_SET_GRAY = exports.COLOR_SET_DEFAULT = exports.COLOR_SET_DARK = exports.COLOR_SET_COLOR_BLIND = exports.COLOR_SET_BRIGHT = void 0;
 
 var _highcharts = _interopRequireDefault(require("highcharts"));
 

package/build/cjs/visualizations/util/colors/themes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultMultiAxisTheme1 = exports.theme1 = void 0;
+exports.theme1 = exports.defaultMultiAxisTheme1 = void 0;
 const theme1 = '#a9be3b|#558cc0|#d34957|#ff9f3a|#968f8f|#b7409f|#ffda64|#4fbdae|#b78040|#676767|#6a33cf|#4a7833|#454545'.split('|');
 exports.theme1 = theme1;
 const defaultMultiAxisTheme1 = {

package/build/cjs/visualizations/util/getFilterText.js

@@ -26,9 +26,12 @@ function _default(filters, metaData) {
   filters.forEach(filter => {
     const items = (0, _dimensionGetItems.dimensionGetItems)(filter);
 
-    if ((0, _dimensionIs.dimensionIs)(filter, _predefinedDimensions.DIMENSION_ID_ORGUNIT) && items.some(({
-      id
-    }) => _index.ouIdHelper.hasGroupPrefix(id) || _index.ouIdHelper.hasLevelPrefix(id))) {
+    if ((0, _dimensionIs.dimensionIs)(filter, _predefinedDimensions.DIMENSION_ID_ORGUNIT) && items.some(_ref => {
+      let {
+        id
+      } = _ref;
+      return _index.ouIdHelper.hasGroupPrefix(id) || _index.ouIdHelper.hasLevelPrefix(id);
+    })) {
       titleFragments.push((0, _getOuLevelAndGroupText.getOuLevelAndGroupText)(filter, metaData));
     } else {
       const filterItems = metaData.dimensions[filter.dimension];
@@ -46,9 +49,9 @@ function _default(filters, metaData) {
           } // otherwise use the values directly
           // this is a temporary fix to avoid app crashing when using filters with data items in EV
           else {
-              sectionParts.push(metaData.items[filter.dimension].name + ': ' + filterItems.join(', '));
-              break;
-            }
+            sectionParts.push(metaData.items[filter.dimension].name + ': ' + filterItems.join(', '));
+            break;
+          }
         }
 
         titleFragments.push(sectionParts.join(', '));

package/build/es/__demo__/FileMenu.stories.js

@@ -50,10 +50,12 @@ const visReadonlyObject = { ...visObject,
     manage: false
   }
 };
-storiesOf('FileMenu', module).add('Simple', () => /*#__PURE__*/React.createElement(FileMenu, {
+storiesOf('FileMenu', module).add('Simple', () => /*#__PURE__*/React.createElement(Provider, {
+  config: configMock
+}, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization"
-})).add('With AO', () => /*#__PURE__*/React.createElement(Provider, {
+}))).add('With AO', () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
 }, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,

package/build/es/__demo__/OpenFileDialog.stories.js

@@ -86,11 +86,13 @@ storiesOf('OpenFileDialog', module).add('List of visualizations with vis type fi
   open: true,
   currentUser: user
 })));
-storiesOf('OpenFileDialog', module).add('No connection', () => /*#__PURE__*/React.createElement(OpenFileDialog, {
+storiesOf('OpenFileDialog', module).add('No connection', () => /*#__PURE__*/React.createElement(Provider, {
+  config: configMock
+}, /*#__PURE__*/React.createElement(OpenFileDialog, {
   type: "map",
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
-}));
+})));