@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/cjs/a11y/serialize.js

@@ -1,21 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.serialize = exports.defaultValueFormatter = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _intl = require("./intl");
-var formatLimitedSizeList = function formatLimitedSizeList(items, intl) {
-  var maxFinalStringLength = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100;
-  var includeEllipsis = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-  var limit = items.length;
-  var stringifyList = function stringifyList() {
-    var cutItems = items.slice(0, limit);
+const formatLimitedSizeList = (items, intl, maxFinalStringLength = 100, includeEllipsis = true) => {
+  let limit = items.length;
+  const stringifyList = () => {
+    const cutItems = items.slice(0, limit);
     if (items.length > limit && includeEllipsis) {
       cutItems.push(intl.formatMessage({
         id: 'ellipsis'
@@ -25,21 +18,21 @@ var formatLimitedSizeList = function formatLimitedSizeList(items, intl) {
     }
     return intl.formatList(cutItems);
   };
-  var formattedList = stringifyList();
+  let formattedList = stringifyList();
   if (formattedList.length <= maxFinalStringLength) {
     return formattedList;
   }
-  var overflowRatio = formattedList.length / maxFinalStringLength;
+  const overflowRatio = formattedList.length / maxFinalStringLength;
   limit = Math.floor(limit / overflowRatio);
   if (limit === 0) {
     limit = 1;
     return stringifyList();
   }
   formattedList = stringifyList();
-  var maxIncreaseAttempts = 4;
-  for (var i = 0; i < maxIncreaseAttempts; i++) {
+  const maxIncreaseAttempts = 4;
+  for (let i = 0; i < maxIncreaseAttempts; i++) {
     limit++;
-    var newLimitFormattedList = stringifyList();
+    const newLimitFormattedList = stringifyList();
     if (newLimitFormattedList.length > maxFinalStringLength) {
       return formattedList;
     }
@@ -47,21 +40,19 @@ var formatLimitedSizeList = function formatLimitedSizeList(items, intl) {
   }
   return formattedList;
 };
-var isReactComponent = function isReactComponent(obj) {
-  return (0, _typeof2["default"])(obj) === 'object' && obj && 'displayName' in obj && typeof obj.displayName === 'string';
-};
-var guessNumberAsTimestampMinDate = new Date('1975').getTime();
-var _defaultValueFormatter = exports.defaultValueFormatter = function defaultValueFormatter(intl, value) {
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-    siblingsTimeMark = _ref.siblingsTimeMark,
-    maxListSymbols = _ref.maxListSymbols,
-    datesWithTime = _ref.datesWithTime;
+const isReactComponent = obj => typeof obj === 'object' && obj && 'displayName' in obj && typeof obj.displayName === 'string';
+const guessNumberAsTimestampMinDate = new Date('1975').getTime();
+const defaultValueFormatter = (intl, value, {
+  siblingsTimeMark,
+  maxListSymbols,
+  datesWithTime
+} = {}) => {
   if (typeof value === 'number') {
     if (value >= guessNumberAsTimestampMinDate) {
-      return _defaultValueFormatter(intl, new Date(value), {
-        siblingsTimeMark: siblingsTimeMark,
-        maxListSymbols: maxListSymbols,
-        datesWithTime: datesWithTime
+      return defaultValueFormatter(intl, new Date(value), {
+        siblingsTimeMark,
+        maxListSymbols,
+        datesWithTime
       });
     }
     return intl.formatNumber(value);
@@ -78,13 +69,11 @@ var _defaultValueFormatter = exports.defaultValueFormatter = function defaultVal
     });
   }
   if (Array.isArray(value)) {
-    var formattedValues = value.map(function (subValue) {
-      return _defaultValueFormatter(intl, subValue, {
-        siblingsTimeMark: siblingsTimeMark,
-        maxListSymbols: maxListSymbols,
-        datesWithTime: datesWithTime
-      });
-    });
+    const formattedValues = value.map(subValue => defaultValueFormatter(intl, subValue, {
+      siblingsTimeMark,
+      maxListSymbols,
+      datesWithTime
+    }));
     return formatLimitedSizeList(formattedValues, intl, maxListSymbols);
   }
   if (isReactComponent(value)) {
@@ -97,25 +86,28 @@ var _defaultValueFormatter = exports.defaultValueFormatter = function defaultVal
   }
   return String(value);
 };
-var formatValuesList = function formatValuesList(values, _ref2) {
-  var intl = _ref2.intl,
-    limit = _ref2.limit,
-    datesWithTime = _ref2.datesWithTime,
-    maxListSymbols = _ref2.maxListSymbols;
-  var result = values.slice(0, limit).map(function (_ref3) {
-    var rawValue = _ref3.value,
-      label = _ref3.label;
+exports.defaultValueFormatter = defaultValueFormatter;
+const formatValuesList = (values, {
+  intl,
+  limit,
+  datesWithTime,
+  maxListSymbols
+}) => {
+  const result = values.slice(0, limit).map(({
+    value: rawValue,
+    label
+  }) => {
     if (rawValue === undefined) return label;
-    var value = _defaultValueFormatter(intl, rawValue, {
-      datesWithTime: datesWithTime,
-      maxListSymbols: maxListSymbols
+    const value = defaultValueFormatter(intl, rawValue, {
+      datesWithTime,
+      maxListSymbols
     });
     if (String(value) === String(label)) return value;
     return intl.formatMessage({
       id: 'value-labeled'
     }, {
-      label: label,
-      value: value
+      label,
+      value
     });
   });
   if (values.length > limit) {
@@ -127,113 +119,91 @@ var formatValuesList = function formatValuesList(values, _ref2) {
   }
   return intl.formatList(result);
 };
-var serialize = exports.serialize = function serialize(_ref4, _ref5, _ref6) {
-  var insights = _ref4.insights,
-    dataType = _ref4.dataType,
-    dataRange = _ref4.dataRange,
-    dataTitle = _ref4.dataTitle,
-    entitiesCount = _ref4.entitiesCount;
-  var datesWithTime = _ref5.datesWithTime,
-    maxListSymbols = _ref5.maxListSymbols,
-    clustersLimit = _ref5.clustersLimit,
-    valuesLimit = _ref5.valuesLimit,
-    groupsLimit = _ref5.groupsLimit,
-    titlesFormatter = _ref5.titlesFormatter,
-    valuesFormatter = _ref5.valuesFormatter;
-  var locale = _ref6.locale,
-    translations = _ref6.translations,
-    availableLocales = _ref6.availableLocales;
+const serialize = ({
+  insights,
+  dataType,
+  dataRange,
+  dataTitle,
+  entitiesCount
+}, {
+  datesWithTime,
+  maxListSymbols,
+  clustersLimit,
+  valuesLimit,
+  groupsLimit,
+  titlesFormatter,
+  valuesFormatter
+}, {
+  locale,
+  translations,
+  availableLocales
+}) => {
   if (insights.length === 0) return null;
-  var intl = (0, _intl.getIntl)(locale, translations, availableLocales);
-  var dataRangeSummary = intl.formatList(dataRange.map(function (range) {
-    var _valuesFormatter, _valuesFormatter2, _titlesFormatter;
-    var from = (_valuesFormatter = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(range.from, range.label)) !== null && _valuesFormatter !== void 0 ? _valuesFormatter : _defaultValueFormatter(intl, range.from, {
+  const intl = (0, _intl.getIntl)(locale, translations, availableLocales);
+  const dataRangeSummary = intl.formatList(dataRange.map(range => {
+    const from = valuesFormatter?.(range.from, range.label) ?? defaultValueFormatter(intl, range.from, {
       siblingsTimeMark: range.to,
-      datesWithTime: datesWithTime,
-      maxListSymbols: maxListSymbols
+      datesWithTime,
+      maxListSymbols
     });
-    var to = (_valuesFormatter2 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(range.to, range.label)) !== null && _valuesFormatter2 !== void 0 ? _valuesFormatter2 : _defaultValueFormatter(intl, range.to, {
+    const to = valuesFormatter?.(range.to, range.label) ?? defaultValueFormatter(intl, range.to, {
       siblingsTimeMark: range.from,
-      datesWithTime: datesWithTime,
-      maxListSymbols: maxListSymbols
+      datesWithTime,
+      maxListSymbols
     });
     return intl.formatMessage({
       id: range.label ? 'additional-axe' : 'additional-axe-no-label'
     }, {
-      from: from,
-      to: to,
-      label: (_titlesFormatter = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(range.label)) !== null && _titlesFormatter !== void 0 ? _titlesFormatter : range.label
+      from,
+      to,
+      label: titlesFormatter?.(range.label) ?? range.label
     });
   }));
   if (dataType === 'time-series') {
-    var _titlesFormatter3;
-    var trendsInsights = insights;
-    var trendsByDataKey = {};
-    var _iterator = (0, _createForOfIteratorHelper2["default"])(trendsInsights),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _trendsByDataKey$insi;
-        var insight = _step.value;
-        trendsByDataKey[insight.dataKey] = (_trendsByDataKey$insi = trendsByDataKey[insight.dataKey]) !== null && _trendsByDataKey$insi !== void 0 ? _trendsByDataKey$insi : [];
-        trendsByDataKey[insight.dataKey].push(insight);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+    const trendsInsights = insights;
+    const trendsByDataKey = {};
+    for (const insight of trendsInsights) {
+      trendsByDataKey[insight.dataKey] = trendsByDataKey[insight.dataKey] ?? [];
+      trendsByDataKey[insight.dataKey].push(insight);
     }
-    var entities = intl.formatMessage({
+    const entities = intl.formatMessage({
       id: 'entity-type-time-series'
     }, {
       count: entitiesCount
     });
-    var entitiesList = Object.entries(trendsByDataKey).map(function (_ref7) {
-      var _primaryTrend$label, _titlesFormatter2, _valuesFormatter3, _valuesFormatter4;
-      var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
-        dataKey = _ref8[0],
-        insights = _ref8[1];
-      var generalTrend = insights.find(function (insight) {
-        return insight.type === 'general-trend';
-      });
-      var localTrends = insights.filter(function (insight) {
-        return insight !== generalTrend;
-      });
-      var primaryTrend = generalTrend !== null && generalTrend !== void 0 ? generalTrend : localTrends[0];
-      var secondaryTrends = insights.filter(function (insight) {
-        return insight !== primaryTrend;
-      });
-      var summaryDataKey = entitiesCount !== 1 ? (_primaryTrend$label = primaryTrend.label) !== null && _primaryTrend$label !== void 0 ? _primaryTrend$label : dataKey : '';
-      var mainSummary = intl.formatMessage({
+    const entitiesList = Object.entries(trendsByDataKey).map(([dataKey, insights]) => {
+      const generalTrend = insights.find(insight => insight.type === 'general-trend');
+      const localTrends = insights.filter(insight => insight !== generalTrend);
+      const primaryTrend = generalTrend ?? localTrends[0];
+      const secondaryTrends = insights.filter(insight => insight !== primaryTrend);
+      const summaryDataKey = entitiesCount !== 1 ? primaryTrend.label ?? dataKey : '';
+      const mainSummary = intl.formatMessage({
         id: 'time-series-general-trend'
       }, {
-        dataKey: (_titlesFormatter2 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(summaryDataKey)) !== null && _titlesFormatter2 !== void 0 ? _titlesFormatter2 : summaryDataKey,
+        dataKey: titlesFormatter?.(summaryDataKey) ?? summaryDataKey,
         trend: intl.formatMessage({
-          id: "trend-".concat(primaryTrend.change.strength)
+          id: `trend-${primaryTrend.change.strength}`
         }),
-        from: (_valuesFormatter3 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(primaryTrend.change.from, dataKey)) !== null && _valuesFormatter3 !== void 0 ? _valuesFormatter3 : intl.formatNumber(primaryTrend.change.from),
-        to: (_valuesFormatter4 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(primaryTrend.change.to, dataKey)) !== null && _valuesFormatter4 !== void 0 ? _valuesFormatter4 : intl.formatNumber(primaryTrend.change.to)
-      });
-      var secondarySummaries = secondaryTrends.map(function (trend) {
-        var _valuesFormatter5, _valuesFormatter6;
-        return intl.formatMessage({
-          id: 'time-series-local-trend'
-        }, {
-          trend: intl.formatMessage({
-            id: "trend-".concat(trend.change.strength)
-          }),
-          from: (_valuesFormatter5 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(trend.from, trend.dataKey)) !== null && _valuesFormatter5 !== void 0 ? _valuesFormatter5 : _defaultValueFormatter(intl, trend.from, {
-            siblingsTimeMark: trend.to,
-            datesWithTime: datesWithTime,
-            maxListSymbols: maxListSymbols
-          }),
-          to: (_valuesFormatter6 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(trend.to, trend.dataKey)) !== null && _valuesFormatter6 !== void 0 ? _valuesFormatter6 : _defaultValueFormatter(intl, trend.to, {
-            siblingsTimeMark: trend.from,
-            datesWithTime: datesWithTime,
-            maxListSymbols: maxListSymbols
-          })
-        });
+        from: valuesFormatter?.(primaryTrend.change.from, dataKey) ?? intl.formatNumber(primaryTrend.change.from),
+        to: valuesFormatter?.(primaryTrend.change.to, dataKey) ?? intl.formatNumber(primaryTrend.change.to)
       });
+      const secondarySummaries = secondaryTrends.map(trend => intl.formatMessage({
+        id: 'time-series-local-trend'
+      }, {
+        trend: intl.formatMessage({
+          id: `trend-${trend.change.strength}`
+        }),
+        from: valuesFormatter?.(trend.from, trend.dataKey) ?? defaultValueFormatter(intl, trend.from, {
+          siblingsTimeMark: trend.to,
+          datesWithTime,
+          maxListSymbols
+        }),
+        to: valuesFormatter?.(trend.to, trend.dataKey) ?? defaultValueFormatter(intl, trend.to, {
+          siblingsTimeMark: trend.from,
+          datesWithTime,
+          maxListSymbols
+        })
+      }));
       if (secondarySummaries.length === 0) {
         return mainSummary;
       }
@@ -244,24 +214,23 @@ var serialize = exports.serialize = function serialize(_ref4, _ref5, _ref6) {
         locals: formatLimitedSizeList(secondarySummaries, intl, 400, false)
       });
     });
-    var summary = intl.formatMessage({
+    const summary = intl.formatMessage({
       id: dataTitle ? 'chart-summary' : 'chart-summary-no-label'
     }, {
-      entities: entities,
+      entities,
       entitiesList: intl.formatList(entitiesList),
-      label: (_titlesFormatter3 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter3 !== void 0 ? _titlesFormatter3 : dataTitle
+      label: titlesFormatter?.(dataTitle) ?? dataTitle
     });
     if (dataRangeSummary.length > 0) {
-      return "".concat(summary, "\n").concat(dataRangeSummary);
+      return `${summary}\n${dataRangeSummary}`;
     }
     return summary;
   } else if (dataType === 'points-cloud') {
-    var _titlesFormatter7;
-    var clustersInsights = insights;
-    var biggestClusters = clustersInsights.slice(0, clustersLimit);
-    var maxSize = clustersInsights[0].size;
-    var minSize = clustersInsights[clustersInsights.length - 1].size;
-    var _entities = maxSize === minSize ? intl.formatMessage({
+    const clustersInsights = insights;
+    const biggestClusters = clustersInsights.slice(0, clustersLimit);
+    const maxSize = clustersInsights[0].size;
+    const minSize = clustersInsights[clustersInsights.length - 1].size;
+    const entities = maxSize === minSize ? intl.formatMessage({
       id: 'entity-type-clusters-single-size'
     }, {
       count: entitiesCount,
@@ -270,80 +239,70 @@ var serialize = exports.serialize = function serialize(_ref4, _ref5, _ref6) {
       id: 'entity-type-clusters-multiple-size'
     }, {
       count: entitiesCount,
-      maxSize: maxSize,
-      minSize: minSize
+      maxSize,
+      minSize
     });
-    var _entitiesList = biggestClusters.map(function (clusterInsight) {
-      var _valuesFormatter7, _titlesFormatter5, _valuesFormatter8, _titlesFormatter6;
-      var labels = formatLimitedSizeList(clusterInsight.labels.map(function (label) {
-        var _titlesFormatter4;
-        return (_titlesFormatter4 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(label)) !== null && _titlesFormatter4 !== void 0 ? _titlesFormatter4 : label;
-      }), intl, maxListSymbols);
-      var anonymous = clusterInsight.labels.length === 0 || labels === String(clusterInsight.size);
+    const entitiesList = biggestClusters.map(clusterInsight => {
+      const labels = formatLimitedSizeList(clusterInsight.labels.map(label => titlesFormatter?.(label) ?? label), intl, maxListSymbols);
+      const anonymous = clusterInsight.labels.length === 0 || labels === String(clusterInsight.size);
       return intl.formatMessage({
         id: anonymous ? 'entity-type-clusters-label-anonymous' : 'entity-type-clusters-label'
       }, {
         relativeSize: intl.formatMessage({
-          id: "relative-size-".concat(clusterInsight.relativeSize)
+          id: `relative-size-${clusterInsight.relativeSize}`
         }),
-        labels: labels,
+        labels,
         size: clusterInsight.size,
-        x: (_valuesFormatter7 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(clusterInsight.center.x, clusterInsight.labels)) !== null && _valuesFormatter7 !== void 0 ? _valuesFormatter7 : intl.formatNumber(clusterInsight.center.x),
-        xLabel: (_titlesFormatter5 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(clusterInsight.center.xLabel)) !== null && _titlesFormatter5 !== void 0 ? _titlesFormatter5 : clusterInsight.center.xLabel,
-        y: (_valuesFormatter8 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(clusterInsight.center.y, clusterInsight.labels)) !== null && _valuesFormatter8 !== void 0 ? _valuesFormatter8 : intl.formatNumber(clusterInsight.center.y),
-        yLabel: (_titlesFormatter6 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(clusterInsight.center.yLabel)) !== null && _titlesFormatter6 !== void 0 ? _titlesFormatter6 : clusterInsight.center.yLabel
+        x: valuesFormatter?.(clusterInsight.center.x, clusterInsight.labels) ?? intl.formatNumber(clusterInsight.center.x),
+        xLabel: titlesFormatter?.(clusterInsight.center.xLabel) ?? clusterInsight.center.xLabel,
+        y: valuesFormatter?.(clusterInsight.center.y, clusterInsight.labels) ?? intl.formatNumber(clusterInsight.center.y),
+        yLabel: titlesFormatter?.(clusterInsight.center.yLabel) ?? clusterInsight.center.yLabel
       });
     });
     if (insights.length > clustersLimit) {
-      _entitiesList.push(intl.formatMessage({
+      entitiesList.push(intl.formatMessage({
         id: 'ellipsis'
       }, {
         leftCount: insights.length - clustersLimit
       }));
     }
-    var _summary = intl.formatMessage({
+    const summary = intl.formatMessage({
       id: dataTitle ? 'chart-summary' : 'chart-summary-no-label'
     }, {
-      entities: _entities,
-      entitiesList: intl.formatList(_entitiesList),
-      label: (_titlesFormatter7 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter7 !== void 0 ? _titlesFormatter7 : dataTitle
+      entities,
+      entitiesList: intl.formatList(entitiesList),
+      label: titlesFormatter?.(dataTitle) ?? dataTitle
     });
     if (dataRangeSummary.length > 0) {
-      return "".concat(_summary, "\n").concat(dataRangeSummary);
+      return `${summary}\n${dataRangeSummary}`;
     }
-    return _summary;
+    return summary;
   } else if (dataType === 'values-set') {
-    var _titlesFormatter8;
-    var _ref9 = insights,
-      _ref0 = (0, _slicedToArray2["default"])(_ref9, 1),
-      valuesInsight = _ref0[0];
-    var _entities2 = intl.formatMessage({
+    const [valuesInsight] = insights;
+    const entities = intl.formatMessage({
       id: 'entity-type-values'
     }, {
       count: entitiesCount
     });
-    var _entitiesList2 = formatValuesList(valuesInsight.values, {
-      intl: intl,
+    const entitiesList = formatValuesList(valuesInsight.values, {
+      intl,
       limit: valuesLimit,
-      datesWithTime: datesWithTime,
-      maxListSymbols: maxListSymbols
+      datesWithTime,
+      maxListSymbols
     });
     return intl.formatMessage({
       id: dataTitle ? 'chart-summary' : 'chart-summary-no-label'
     }, {
-      entities: _entities2,
-      entitiesList: _entitiesList2,
-      label: (_titlesFormatter8 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter8 !== void 0 ? _titlesFormatter8 : dataTitle
+      entities,
+      entitiesList: entitiesList,
+      label: titlesFormatter?.(dataTitle) ?? dataTitle
     });
   } else if (dataType === 'grouped-values' || dataType === 'indexed-groups') {
-    var _titlesFormatter9;
-    var groupInsights = insights;
-    var valueCounts = groupInsights.map(function (group) {
-      return group.values.length;
-    });
-    var minValuesCount = Math.min.apply(Math, (0, _toConsumableArray2["default"])(valueCounts));
-    var maxValuesCount = Math.max.apply(Math, (0, _toConsumableArray2["default"])(valueCounts));
-    var _entities3 = minValuesCount === maxValuesCount ? intl.formatMessage({
+    const groupInsights = insights;
+    const valueCounts = groupInsights.map(group => group.values.length);
+    const minValuesCount = Math.min(...valueCounts);
+    const maxValuesCount = Math.max(...valueCounts);
+    const entities = minValuesCount === maxValuesCount ? intl.formatMessage({
       id: 'entity-type-grouped-values-single-size'
     }, {
       groupsCount: groupInsights.length,
@@ -352,41 +311,43 @@ var serialize = exports.serialize = function serialize(_ref4, _ref5, _ref6) {
       id: 'entity-type-grouped-values-multiple-size'
     }, {
       groupsCount: groupInsights.length,
-      minValuesCount: minValuesCount,
-      maxValuesCount: maxValuesCount
+      minValuesCount,
+      maxValuesCount
     });
-    var _entitiesList3 = groupInsights.slice(0, groupsLimit).map(function (_ref1) {
-      var label = _ref1.label,
-        values = _ref1.values;
-      var formattedValues = formatValuesList(values, {
-        intl: intl,
+    const entitiesList = groupInsights.slice(0, groupsLimit).map(({
+      label,
+      values
+    }) => {
+      const formattedValues = formatValuesList(values, {
+        intl,
         limit: valuesLimit,
-        datesWithTime: datesWithTime,
-        maxListSymbols: maxListSymbols
+        datesWithTime,
+        maxListSymbols
       });
       return intl.formatMessage({
         id: 'values-group'
       }, {
-        label: label,
+        label,
         values: formattedValues
       });
     });
     if (groupInsights.values.length > groupsLimit) {
-      _entitiesList3.push(intl.formatMessage({
+      entitiesList.push(intl.formatMessage({
         id: 'ellipsis'
       }, {
         leftCount: groupInsights.values.length - groupsLimit
       }));
     }
-    var _summary2 = intl.formatMessage({
+    const summary = intl.formatMessage({
       id: dataTitle ? 'chart-summary' : 'chart-summary-no-label'
     }, {
-      entities: _entities3,
-      entitiesList: intl.formatList(_entitiesList3),
-      label: (_titlesFormatter9 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter9 !== void 0 ? _titlesFormatter9 : dataTitle
+      entities,
+      entitiesList: intl.formatList(entitiesList),
+      label: titlesFormatter?.(dataTitle) ?? dataTitle
     });
-    return _summary2;
+    return summary;
   }
   return null;
 };
+exports.serialize = serialize;
 //# sourceMappingURL=serialize.js.map