@evergis/charts 2.0.56 → 2.0.57

package/dist/charts.cjs.development.js

@@ -242,7 +242,7 @@ const useSwipe = (node, _ref) => {
 };
 
 const _excluded = ["children", "width", "onSwipe"];
-const SwipeScroll = (_ref) => {
+const SwipeScroll = _ref => {
   let {
     children,
     width,
@@ -286,7 +286,7 @@ const getTextAnchor = (index, length) => {
 
 var _templateObject$2;
 
-const getTranslate = (_ref) => {
+const getTranslate = _ref => {
   let {
     anchor,
     index,
@@ -314,7 +314,7 @@ const LabelContainer = /*#__PURE__*/styled__default.div.attrs(props => ({
 }))(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n"])));
 
 const labelClassName = 'd3-chart-label';
-const drawRadialLabels = (_ref) => {
+const drawRadialLabels = _ref => {
   let {
     node,
     dataLength,
@@ -366,7 +366,7 @@ const drawRadialLabels = (_ref) => {
 };
 
 var _templateObject$3, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-const getTranslate$1 = (_ref) => {
+const getTranslate$1 = _ref => {
   let {
     anchor,
     index,
@@ -435,13 +435,13 @@ const draw = (node, props) => {
     const width = props.width || nodeWidth;
     const defaultHeight = 400;
     const height = props.height || defaultHeight;
-    const minValue = props.minValue || Math.min(0, d3.min(data, i => d3.min(i.map((_ref) => {
+    const minValue = props.minValue || Math.min(0, d3.min(data, i => d3.min(i.map(_ref => {
       let {
         value
       } = _ref;
       return value;
     }))));
-    const maxValue = (props.maxValue || Math.max(0, d3.max(data, i => d3.max(i.map((_ref2) => {
+    const maxValue = (props.maxValue || Math.max(0, d3.max(data, i => d3.max(i.map(_ref2 => {
       let {
         value
       } = _ref2;
@@ -464,14 +464,14 @@ const draw = (node, props) => {
     const angleSlice = Math.PI * 2 / data[0].length;
     const radiusScale = d3.scaleLinear().range([0, radius]).domain([0, newMaxValue]);
     const radarLine = d3.lineRadial().curve(d3.curveLinearClosed) // @ts-ignore
-    .radius((_ref3) => {
+    .radius(_ref3 => {
       let {
         value
       } = _ref3;
       return radiusScale(value);
     }).angle((_, i) => i * angleSlice);
     const radarValue = d3.lineRadial().curve(curve || d3.curveLinearClosed) // @ts-ignore
-    .radius((_ref4) => {
+    .radius(_ref4 => {
       let {
         value
       } = _ref4;
@@ -487,7 +487,7 @@ const draw = (node, props) => {
 
     const gridGlobal = globalCenter.append('g').attr('class', radarChartclassNames.radarAxis).selectAll().data([data[0]]).enter();
     const radarGlobal = globalCenter.append('g').attr('class', radarChartclassNames.radar);
-    const axis = gridGlobal.selectAll().data(data[0].map((_ref5) => {
+    const axis = gridGlobal.selectAll().data(data[0].map(_ref5 => {
       let {
         name
       } = _ref5;
@@ -662,7 +662,7 @@ const getAlign = d => {
   return midangle < Math.PI ? 'start' : 'end';
 };
 
-const drawRadialLabels$1 = (_ref) => {
+const drawRadialLabels$1 = _ref => {
   let {
     arc,
     enableRadialLabels,
@@ -734,7 +734,7 @@ const Label$1 = /*#__PURE__*/styled__default.div(_templateObject12 || (_template
 const LabelTop = /*#__PURE__*/styled__default(Label$1)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  top: 6px;\n"])));
 const LabelBottom = /*#__PURE__*/styled__default(Label$1)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  bottom: 6px;\n"])));
 
-const drawTooltip = (_ref) => {
+const drawTooltip = _ref => {
   let {
     fullChartTooltip,
     global,
@@ -757,7 +757,7 @@ const drawTooltip = (_ref) => {
   const tooltipContainer = isEmpty ? d3.select(container).append('div').attr('class', pieChartclassNames.pieTooltipContainer + " " + (tooltipClassName || '')).style('position', 'absolute').style('opacity', '0') : pieTooltipContainer;
 
   if (tooltipStyle) {
-    Object.entries(tooltipStyle).forEach((_ref2) => {
+    Object.entries(tooltipStyle).forEach(_ref2 => {
       let [prop, val] = _ref2;
       return tooltipContainer.style(prop, val);
     });
@@ -913,7 +913,7 @@ const draw$1 = (node, props) => {
     const dividerPadAngle = 100;
     const fullAngle = 360;
     const pie = d3.pie().startAngle(-degreesToRadians(startAngle || 0)).endAngle(degreesToRadians(endAngle || fullAngle)).padAngle(padAngle ? Math.max(Math.min(padAngle / dividerPadAngle, maxPadAngle), 0) : 0).sort(null) // @ts-ignore
-    .value((_ref) => {
+    .value(_ref => {
       let {
         value
       } = _ref;
@@ -935,7 +935,7 @@ const draw$1 = (node, props) => {
     const format = d3.format(',');
     const allSlices = global.selectAll('allSlices').data(dataReady).enter().append('path') // @ts-ignore
     .attr('d', arc);
-    allSlices.attr('class', pieChartclassNames.pieSlice).attr('fill', (_ref2) => {
+    allSlices.attr('class', pieChartclassNames.pieSlice).attr('fill', _ref2 => {
       let {
         index
       } = _ref2;
@@ -1068,7 +1068,7 @@ const legendDefaultParams = {
   ticksDivier: 64,
   titleMarginBottom: 6
 };
-const getLegend = (_ref) => {
+const getLegend = _ref => {
   let {
     color,
     title,
@@ -1103,25 +1103,25 @@ const getLegend = (_ref) => {
     svg.append('image').attr('x', marginLeft).attr('y', marginTop).attr('class', legendClassNames.legendContainer).attr('width', width - marginLeft - marginRight).attr('height', height - marginTop - marginBottom).attr('preserveAspectRatio', 'none').attr('xlink:href', ramp(color.copy().domain(d3.quantize(d3.interpolate(0, 1), n))).toDataURL());
   } // Sequential
   else if (color.interpolator) {
-      x = Object.assign(color.copy().interpolator(d3.interpolateRound(marginLeft, width - marginRight)), {
-        range() {
-          return [marginLeft, width - marginRight];
-        }
+    x = Object.assign(color.copy().interpolator(d3.interpolateRound(marginLeft, width - marginRight)), {
+      range() {
+        return [marginLeft, width - marginRight];
+      }
 
-      });
-      svg.append('image').attr('x', marginLeft).attr('y', marginTop).attr('width', width - marginLeft - marginRight).attr('height', height - marginTop - marginBottom).attr('preserveAspectRatio', 'none').attr('xlink:href', ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat.
+    });
+    svg.append('image').attr('x', marginLeft).attr('y', marginTop).attr('width', width - marginLeft - marginRight).attr('height', height - marginTop - marginBottom).attr('preserveAspectRatio', 'none').attr('xlink:href', ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat.
 
-      if (!x.ticks) {
-        if (tickValues === undefined) {
-          const n = Math.round(ticks + 1);
-          tickValues = d3.range(n).map(i => d3.quantile(color.domain(), i / (n - 1)));
-        }
+    if (!x.ticks) {
+      if (tickValues === undefined) {
+        const n = Math.round(ticks + 1);
+        tickValues = d3.range(n).map(i => d3.quantile(color.domain(), i / (n - 1)));
+      }
 
-        if (typeof tickFormat !== 'function') {
-          tickFormat = d3.format(tickFormat === undefined ? ',f' : tickFormat);
-        }
+      if (typeof tickFormat !== 'function') {
+        tickFormat = d3.format(tickFormat === undefined ? ',f' : tickFormat);
       }
     }
+  }
 
   svg.append('g').attr('transform', "translate(0," + (height - marginBottom) + ")").call(d3.axisBottom(x).ticks(ticks, typeof tickFormat === 'string' ? tickFormat : undefined) // @ts-ignore
   .tickFormat(typeof tickFormat === 'function' ? tickFormat : undefined).tickSize(tickSize) // @ts-ignore
@@ -1179,13 +1179,13 @@ const draw$2 = (node, props) => {
     const getMonthSpacing = date => date.getUTCMonth() * (monthSpacing || 0);
 
     const formatMonth = d3.utcFormat('%b');
-    const max = d3.max(data.map((_ref) => {
+    const max = d3.max(data.map(_ref => {
       let {
         value
       } = _ref;
       return value;
     }));
-    const min = d3.min(data.map((_ref2) => {
+    const min = d3.min(data.map(_ref2 => {
       let {
         value
       } = _ref2;
@@ -1208,7 +1208,7 @@ const draw$2 = (node, props) => {
     .data(years).join('div').attr('class', calendarChartClassNames.calendarYear);
     const calendarWeekdays = year.append('div').attr('class', calendarChartClassNames.calendarAxis);
     calendarWeekdays.append('div').attr('class', calendarChartClassNames.calendarYearTitle) // @ts-ignore
-    .text((_ref3) => {
+    .text(_ref3 => {
       let [key] = _ref3;
       return key;
     });
@@ -1216,7 +1216,7 @@ const draw$2 = (node, props) => {
     const body = year.append('div').attr('class', calendarChartClassNames.calendarBody);
     const header = body.append('div').attr('class', calendarChartClassNames.calendarHeader);
     header.selectAll('div') // @ts-ignore
-    .data((_ref4) => {
+    .data(_ref4 => {
       let [_, values] = _ref4;
       const fullYearlastMonth = 12;
       const fullYearlastDate = 31;
@@ -1225,7 +1225,7 @@ const draw$2 = (node, props) => {
     .text(formatMonth); // @ts-ignore
 
     body.append('div').attr('class', calendarChartClassNames.calendarDays).style('height', (cellSize + cellOffset) * weekDays + 'px').style('width', chartWidth + 'px').selectAll('div') // @ts-ignore
-    .data((_ref5) => {
+    .data(_ref5 => {
       let [, values] = _ref5;
       return values;
     }).join('div') // @ts-ignore
@@ -1353,7 +1353,7 @@ const lineChartClassNames = {
 const SvgWrapper$3 = /*#__PURE__*/styled__default(Wrapper)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .", ",\n    .", ",\n    .", " {\n    shape-rendering: crispEdges;\n  }\n  .", " {\n    fill: none;\n    stroke: steelblue;\n    stroke-width: 1.5px;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n  }\n  .", " {\n    fill-opacity: 0.24;\n  }\n  .", ",\n    .", ",\n    .", " {\n    stroke: rgba(149, 149, 149, 0.24);\n  }\n  .", ",\n    .", " {\n    transition: opacity linear 200ms;\n    pointer-events: none;\n    stroke-width: 1px;\n  }\n  .", " {\n    stroke: #fff;\n    stroke-width: 2px;\n  }\n  .", " {\n    shape-rendering: crispEdges;\n  }\n  .", " {\n    fill: none;\n    pointer-events: all;\n  }\n"])), lineChartClassNames.lineChartYScaleGlobal, lineChartClassNames.lineChartXScaleGlobal, lineChartClassNames.lineChartGridGlobal, lineChartClassNames.lineChartLinesGlobal, lineChartClassNames.lineChartArea, lineChartClassNames.lineChartGridLineX, lineChartClassNames.lineChartGridLineY, lineChartClassNames.lineChartMouseLine, lineChartClassNames.lineChartMouseLine, lineChartClassNames.lineChartMouseCircle, lineChartClassNames.lineChartDot, lineChartClassNames.lineChartMouseLine, lineChartClassNames.lineChartMouseRect);
 const TooltipStyles = /*#__PURE__*/styled.createGlobalStyle(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .", " {\n    transition: opacity linear 200ms;\n    z-index: 1;\n    .", " {\n      justify-content: flex-start;\n      align-items: center;\n      pointer-events: none;\n    }\n    .", " {\n      margin: 0 0 0 10px;\n    }\n  }\n"])), lineChartClassNames.lineChartMouseLabel, lineChartClassNames.lineChartLabelFlex, lineChartClassNames.lineChartLabel);
 
-const drawGrid = (_ref) => {
+const drawGrid = _ref => {
   let {
     svg,
     yScale,
@@ -1383,7 +1383,7 @@ const LabelContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$9 || (
 const Label$2 = /*#__PURE__*/styled__default.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-bottom: 4px;\n"])));
 
 const labelClassName$1 = 'd3-chart-label';
-const drawLabel = (_ref) => {
+const drawLabel = _ref => {
   let {
     node,
     data,
@@ -1395,7 +1395,7 @@ const drawLabel = (_ref) => {
   const labelsDiv = d3.select(node).append('div').attr('class', labelClassName$1);
   const format = d3.format(','); // @ts-ignore
 
-  data.forEach((_ref2) => {
+  data.forEach(_ref2 => {
     let {
       values
     } = _ref2;
@@ -1412,7 +1412,7 @@ const drawLabel = (_ref) => {
 };
 
 const _excluded$1 = ["values"];
-const drawTooltip$1 = (_ref) => {
+const drawTooltip$1 = _ref => {
   let {
     svg,
     node,
@@ -1430,7 +1430,7 @@ const drawTooltip$1 = (_ref) => {
   } = _ref;
   const container = tooltipRoot || document.querySelector('body');
   const format = d3.format(',');
-  const chartData = argData.filter((_ref2) => {
+  const chartData = argData.filter(_ref2 => {
     let {
       tooltipOff
     } = _ref2;
@@ -1443,17 +1443,17 @@ const drawTooltip$1 = (_ref) => {
   const mouseRect = mouseGlobal.append('rect').attr('width', x2 - x1).attr('height', Math.abs(y1 - y2)).attr('class', lineChartClassNames.lineChartMouseRect).attr('transform', "translate(" + x1 + ", " + y2 + ")");
   const mouseLine = mouseGlobal.append('path').attr('class', lineChartClassNames.lineChartMouseLine).style('opacity', '0');
   const lines = svg.selectAll("." + lineChartClassNames.lineChartLine).nodes();
-  const circles = mouseGlobal.selectAll('circle').data(chartData.filter((_ref3) => {
+  const circles = mouseGlobal.selectAll('circle').data(chartData.filter(_ref3 => {
     let {
       dynamicDotOff
     } = _ref3;
     return !dynamicDotOff;
-  })).join('circle').attr('class', lineChartClassNames.lineChartMouseCircle).attr('r', dynamicCircleRadius).attr('fill', (_ref4) => {
+  })).join('circle').attr('class', lineChartClassNames.lineChartMouseCircle).attr('r', dynamicCircleRadius).attr('fill', _ref4 => {
     let {
       stroke
     } = _ref4;
     return stroke || 'none';
-  }).attr('stroke', (_ref5) => {
+  }).attr('stroke', _ref5 => {
     let {
       stroke
     } = _ref5;
@@ -1518,7 +1518,7 @@ const drawTooltip$1 = (_ref) => {
     circles.attr('transform', (lineChartData, index) => {
       const value = getValue(lineChartData.values);
       return positions[index] && value ? 'translate(' + x + ',' + positions[index].y + ')' : 'translate(-9999, -9999)';
-    }).attr('style', (_ref6) => {
+    }).attr('style', _ref6 => {
       let {
         dynamicDotStyle
       } = _ref6;
@@ -1535,7 +1535,7 @@ const drawTooltip$1 = (_ref) => {
         invertValue: positions[i] ? yScale.invert(positions[i].y) : 0
       });
     });
-    const noHasData = datas.every((_ref8) => {
+    const noHasData = datas.every(_ref8 => {
       let {
         value
       } = _ref8;
@@ -1652,13 +1652,13 @@ const draw$3 = (node, props) => {
     } = node.getBoundingClientRect();
     const width = props.width || nodeWidth;
     const height = props.height || 0;
-    const min = typeof props.min === 'number' ? props.min : d3.min(data, (_ref) => {
+    const min = typeof props.min === 'number' ? props.min : d3.min(data, _ref => {
       let {
         values
       } = _ref;
       return d3.min(values);
     });
-    const max = typeof props.max === 'number' ? props.max : d3.max(data, (_ref2) => {
+    const max = typeof props.max === 'number' ? props.max : d3.max(data, _ref2 => {
       let {
         values
       } = _ref2;
@@ -1715,7 +1715,7 @@ const draw$3 = (node, props) => {
 
     const line = d3.line().defined(d => d !== null).x((_, index) => xScale(index)).y(d => yScale(d)).curve(curve || d3.curveLinear);
     customLine && customLine(line);
-    const withAreas = data.some((_ref4) => {
+    const withAreas = data.some(_ref4 => {
       let {
         fill
       } = _ref4;
@@ -1748,7 +1748,7 @@ const draw$3 = (node, props) => {
         }).y1(d => yScale(d)).curve(areaCurve || curve || d3.curveLinear);
       };
 
-      svg.append('g').attr('class', lineChartClassNames.lineChartAreasGlobal).selectAll('path').data(data.filter((_ref5) => {
+      svg.append('g').attr('class', lineChartClassNames.lineChartAreasGlobal).selectAll('path').data(data.filter(_ref5 => {
         let {
           fill
         } = _ref5;
@@ -1756,12 +1756,12 @@ const draw$3 = (node, props) => {
       })).join('path').attr('class', lineChartClassNames.lineChartArea).attr('d', d => {
         const area = getArea(d);
         return area(d.values);
-      }).attr('fill', (_ref6) => {
+      }).attr('fill', _ref6 => {
         let {
           fill
         } = _ref6;
         return fill || 'none';
-      }).attr('style', (_ref7) => {
+      }).attr('style', _ref7 => {
         let {
           areaStyle
         } = _ref7;
@@ -1769,18 +1769,18 @@ const draw$3 = (node, props) => {
       });
     }
 
-    svg.append('g').attr('class', lineChartClassNames.lineChartLinesGlobal).selectAll('path').data(data).join('path').attr('class', lineChartClassNames.lineChartLine).attr('d', d => line(d.values)).attr('stroke', (_ref8) => {
+    svg.append('g').attr('class', lineChartClassNames.lineChartLinesGlobal).selectAll('path').data(data).join('path').attr('class', lineChartClassNames.lineChartLine).attr('d', d => line(d.values)).attr('stroke', _ref8 => {
       let {
         stroke
       } = _ref8;
       return stroke || 'steelblue';
-    }).attr('style', (_ref9) => {
+    }).attr('style', _ref9 => {
       let {
         style
       } = _ref9;
       return style || '';
     });
-    const dots = data.filter((_ref10) => {
+    const dots = data.filter(_ref10 => {
       let {
         dot
       } = _ref10;
@@ -1886,7 +1886,7 @@ const barChartLinesClassNames = {
   barChartAreasGlobal: 'barChartAreasGlobal',
   barChartArea: 'barChartArea'
 };
-const drawLines = (_ref) => {
+const drawLines = _ref => {
   let {
     svg,
     lineData,
@@ -1902,13 +1902,13 @@ const drawLines = (_ref) => {
   const line = d3.line().defined(d => d !== null).x((_, index) => xScale(index) + bandwidth / 2) // @ts-ignore
   .y(d => yScale(d)).curve(curve || d3.curveLinear);
   const bandwidth = xScale.bandwidth();
-  const linesData = lineData.filter((_ref2) => {
+  const linesData = lineData.filter(_ref2 => {
     let {
       lineType
     } = _ref2;
     return lineType === 'line';
   });
-  const areasData = lineData.filter((_ref3) => {
+  const areasData = lineData.filter(_ref3 => {
     let {
       lineType
     } = _ref3;
@@ -1916,12 +1916,12 @@ const drawLines = (_ref) => {
   });
 
   if (linesData.length > 0) {
-    linesSelection = svg.append('g').attr('class', barChartLinesClassNames.barChartLinesGlobal).selectAll('path').data(linesData).join('path').attr('class', barChartLinesClassNames.barChartLine).attr('d', d => line(d.values)).attr('stroke', (_ref4) => {
+    linesSelection = svg.append('g').attr('class', barChartLinesClassNames.barChartLinesGlobal).selectAll('path').data(linesData).join('path').attr('class', barChartLinesClassNames.barChartLine).attr('d', d => line(d.values)).attr('stroke', _ref4 => {
       let {
         stroke
       } = _ref4;
       return stroke || '';
-    }).attr('fill', (_ref5) => {
+    }).attr('fill', _ref5 => {
       let {
         fill
       } = _ref5;
@@ -1939,7 +1939,7 @@ const drawLines = (_ref) => {
       return stackedLine ? dataIndex > -1 ? yScale(typeof lineData[dataIndex].values[index] !== 'number' ? 0 : lineData[dataIndex].values[index]) : yScale(min) : yScale(min);
     }) // @ts-ignore
     .y1(d => yScale(d)).curve(curve || d3.curveLinear);
-    areasSelection = svg.append('g').attr('class', barChartLinesClassNames.barChartAreasGlobal).selectAll('path').data(areasData).join('path').attr('class', barChartLinesClassNames.barChartArea).attr('d', d => area && area(d.values)).attr('fill', (_ref6) => {
+    areasSelection = svg.append('g').attr('class', barChartLinesClassNames.barChartAreasGlobal).selectAll('path').data(areasData).join('path').attr('class', barChartLinesClassNames.barChartArea).attr('d', d => area && area(d.values)).attr('fill', _ref6 => {
       let {
         fill
       } = _ref6;
@@ -1989,7 +1989,7 @@ const barChartClassNames = /*#__PURE__*/_extends({
 const SvgWrapper$4 = /*#__PURE__*/styled__default(Wrapper)(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  line {\n    stroke-width: 1px;\n    shape-rendering: crispEdges;\n  }\n  .", ",\n    .", " {\n    stroke: rgba(48, 69, 79, 0.06);\n  }\n  .", " {\n  }\n  .", " {\n    fill: none;\n    pointer-events: all;\n  }\n  .", " {\n    stroke-width: 1.5px;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n  }\n  .", " {\n    shape-rendering: auto;\n  }\n  .", " {\n    fill-opacity: 0.24;\n  }\n"])), barChartClassNames.barChartGridLineX, barChartClassNames.barChartGridLineY, barChartClassNames.barChartMouseRect, barChartClassNames.barChartMouseRect, barChartClassNames.barChartLinesGlobal, barChartClassNames.barChartLine, barChartClassNames.barChartArea);
 const TooltipStyles$1 = /*#__PURE__*/styled.createGlobalStyle(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .", " {\n    z-index: 1;\n    transition: all linear 144ms;\n\n    .", " {\n      margin-bottom: 4px;\n      :last-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n"])), barChartClassNames.barChartMouseTooltip, barChartClassNames.barChartTooltipItem);
 
-const drawGrid$1 = (_ref) => {
+const drawGrid$1 = _ref => {
   let {
     svg,
     yScale,
@@ -2018,7 +2018,7 @@ const drawGrid$1 = (_ref) => {
 };
 
 const _excluded$2 = ["groupName"];
-const getDomain = (_ref) => {
+const getDomain = _ref => {
   let {
     data,
     minDomainValue,
@@ -2026,7 +2026,7 @@ const getDomain = (_ref) => {
   } = _ref;
   let MIN = Number.POSITIVE_INFINITY;
   let MAX = Number.NEGATIVE_INFINITY;
-  data.forEach((_ref2) => {
+  data.forEach(_ref2 => {
     let groups = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
 
     let groupMax = 0;
@@ -2065,7 +2065,7 @@ const getDomain = (_ref) => {
 };
 
 const _excluded$3 = ["groupName"];
-const marshaling = (_ref) => {
+const marshaling = _ref => {
   let {
     data,
     yScale,
@@ -2151,7 +2151,7 @@ const getLabel = labelPosition => {
 };
 
 const _excluded$4 = ["values"];
-const drawTooltip$2 = (_ref) => {
+const drawTooltip$2 = _ref => {
   let {
     svg,
     node,
@@ -2194,7 +2194,7 @@ const drawTooltip$2 = (_ref) => {
     lineData,
     yScale
   }) : marshalledData.reduce((acc, curr, index) => {
-    const lineMin = d3.min(lineData, (_ref2) => {
+    const lineMin = d3.min(lineData, _ref2 => {
       let {
         values
       } = _ref2;
@@ -2286,7 +2286,7 @@ const drawTooltip$2 = (_ref) => {
       }
 
       if (lineData) {
-        const currLineData = lineData.map((_ref4) => {
+        const currLineData = lineData.map(_ref4 => {
           let {
             values
           } = _ref4,
@@ -2336,7 +2336,7 @@ const drawTooltip$2 = (_ref) => {
             className: barChartClassNames.barChartTooltip
           }, currData && currData[0] && React__default.createElement(TooltipGroupName, {
             className: barChartClassNames.barChartTooltipGroupName
-          }, currData[0].groupName), currData && currData.map((_ref5) => {
+          }, currData[0].groupName), currData && currData.map(_ref5 => {
             let {
               name,
               value,
@@ -2382,7 +2382,7 @@ const drawTooltip$2 = (_ref) => {
   const labelContainer = container.append('div').attr('class', barChartClassNames.barChartLabelContainer).style('position', 'absolute').style('top', y2 + "px");
 
   if (labelPosition) {
-    const concatedData = lineData ? marshalledData.map((stack, index) => stack.concat(lineData.map((_ref6) => {
+    const concatedData = lineData ? marshalledData.map((stack, index) => stack.concat(lineData.map(_ref6 => {
       let {
         values,
         name,
@@ -2438,7 +2438,7 @@ const drawTooltip$2 = (_ref) => {
 };
 
 const _excluded$5 = ["groupName"];
-const resizeBarWidth = (_ref) => {
+const resizeBarWidth = _ref => {
   let {
     data,
     range,
@@ -2461,7 +2461,7 @@ const resizeBarWidth = (_ref) => {
   return barWidth;
 };
 
-const getBars = (_ref) => {
+const getBars = _ref => {
   let {
     groups,
     barWidth
@@ -2533,13 +2533,13 @@ const draw$4 = (node, props) => {
       minDomainValue,
       maxDomainValue
     });
-    const min = typeof minValue === 'number' ? minValue : Math.min(d3.min(lineData, (_ref) => {
+    const min = typeof minValue === 'number' ? minValue : Math.min(d3.min(lineData, _ref => {
       let {
         values
       } = _ref;
       return d3.min(values);
     }) || Number.POSITIVE_INFINITY, barDomain.min || 0);
-    const max = typeof maxValue === 'number' ? maxValue : Math.max(d3.max(lineData, (_ref2) => {
+    const max = typeof maxValue === 'number' ? maxValue : Math.max(d3.max(lineData, _ref2 => {
       let {
         values
       } = _ref2;
@@ -2734,7 +2734,7 @@ BarChart.defaultProps = {
 
 const _excluded$6 = ["value"];
 const hundred = 100;
-const useMarshaling = (_ref) => {
+const useMarshaling = _ref => {
   let {
     data,
     fullExtent,
@@ -2742,7 +2742,7 @@ const useMarshaling = (_ref) => {
     labels
   } = _ref;
   return React.useMemo(() => {
-    const fullMax = d3.max(data, item => d3.sum(item, (_ref2) => {
+    const fullMax = d3.max(data, item => d3.sum(item, _ref2 => {
       let {
         value
       } = _ref2;
@@ -2753,7 +2753,7 @@ const useMarshaling = (_ref) => {
       fullMax,
       data: data.map((item, index) => {
         if (!fullExtent) {
-          scaleLinear.domain([0, typeof maxValue === 'number' ? maxValue : d3.sum(item, (_ref3) => {
+          scaleLinear.domain([0, typeof maxValue === 'number' ? maxValue : d3.sum(item, _ref3 => {
             let {
               value
             } = _ref3;
@@ -2761,7 +2761,7 @@ const useMarshaling = (_ref) => {
           })]);
         }
 
-        return item.map((_ref4) => {
+        return item.map(_ref4 => {
           let {
             value
           } = _ref4,
@@ -2810,7 +2810,7 @@ const StackSumContainer = /*#__PURE__*/styled__default.div(_templateObject6$2 ||
 const StackSum = /*#__PURE__*/styled__default.div(_templateObject7$1 || (_templateObject7$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(0, -50%);\n"])));
 const StackWrapper = /*#__PURE__*/styled__default.div(_templateObject8$1 || (_templateObject8$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: flex-start;\n  height: 100%;\n"])));
 
-const Tooltip = (_ref) => {
+const Tooltip = _ref => {
   let {
     renderTooltip,
     bars,
@@ -2846,7 +2846,7 @@ const Tooltip = (_ref) => {
 };
 
 const rootElement = /*#__PURE__*/document.createElement('div');
-const useTooltip = (_ref) => {
+const useTooltip = _ref => {
   let {
     renderTooltip,
     tooltipBind,
@@ -2900,7 +2900,7 @@ const useTooltip = (_ref) => {
 
 const _excluded$7 = ["item", "mouseMove", "mouseLeave", "tooltipBind"];
 const useStackWrapper = stackedTooltip => {
-  return React.useMemo(() => stackedTooltip ? (_ref) => {
+  return React.useMemo(() => stackedTooltip ? _ref => {
     let {
       item,
       mouseMove,
@@ -2915,7 +2915,7 @@ const useStackWrapper = stackedTooltip => {
       onMouseMove: tooltipBind ? event => mouseMove(event, item) : void 0,
       onMouseOut: mouseLeave
     }, props));
-  } : (_ref2) => {
+  } : _ref2 => {
     let {
       children
     } = _ref2;
@@ -2926,7 +2926,7 @@ const useStackWrapper = stackedTooltip => {
 var _templateObject$c;
 const BarStyled = /*#__PURE__*/styled__default.div(_templateObject$c || (_templateObject$c = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  display: inline-flex;\n  height: 100%;\n"])));
 
-const Bar = (_ref) => {
+const Bar = _ref => {
   let {
     withTooltip,
     bar,
@@ -2961,7 +2961,7 @@ const Bar = (_ref) => {
 };
 
 const hundred$1 = 100;
-const useScale = (_ref) => {
+const useScale = _ref => {
   let {
     maxValue,
     scaleTicks,
@@ -2982,7 +2982,7 @@ const TickTd = /*#__PURE__*/styled__default.td(_templateObject$d || (_templateOb
 const Ticks = /*#__PURE__*/styled__default.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 1rem;\n"])));
 const Tick = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  width: 0;\n  height: 0;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 
-const XScale = (_ref) => {
+const XScale = _ref => {
   let {
     maxValue,
     scaleTicks,
@@ -3015,7 +3015,7 @@ const XScale = (_ref) => {
   }))));
 };
 
-const HorizontalBarChart = (_ref) => {
+const HorizontalBarChart = _ref => {
   let {
     data,
     className,
@@ -3066,13 +3066,13 @@ const HorizontalBarChart = (_ref) => {
     onMouseMove: fullChartTooltip ? event => mouseMove(event, marshalingData.flat()) : void 0,
     onMouseOut: fullChartTooltip ? mouseLeave : void 0
   }, thead, React__default.createElement("tbody", null, marshalingData.map((item, rowIndex) => {
-    const stackSum = (withStackSum || renderDataTable) && d3.sum(item, (_ref2) => {
+    const stackSum = (withStackSum || renderDataTable) && d3.sum(item, _ref2 => {
       let {
         value
       } = _ref2;
       return value;
     });
-    const sumWidth = d3.sum(item, (_ref3) => {
+    const sumWidth = d3.sum(item, _ref3 => {
       let {
         width
       } = _ref3;
@@ -3170,7 +3170,7 @@ const bubbleChartClassNames = {
 const SvgWrapper$5 = /*#__PURE__*/styled__default(Wrapper)(_templateObject$e || (_templateObject$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .", ",\n    .", ",\n    .", " {\n    shape-rendering: crispEdges;\n  }\n\n  .", ",\n    .", " {\n    stroke: rgba(149, 149, 149, 0.24);\n  }\n\n  .", " {\n    font-size: 10px;\n  }\n"])), bubbleChartClassNames.bubbleChartYAxis, bubbleChartClassNames.bubbleChartXAxis, bubbleChartClassNames.bubbleChartGridGlobal, bubbleChartClassNames.bubbleChartGridLineX, bubbleChartClassNames.bubbleChartGridLineY, bubbleChartClassNames.bubbleChartYScaleLabel);
 const TooltipStyles$2 = /*#__PURE__*/styled.createGlobalStyle(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .", " {\n    position: absolute;\n    transition: opacity 150ms cubic-bezier(0.2, 1, 0.6, 1);\n    pointer-events: none;\n    z-index: 1;\n  }\n"])), bubbleChartClassNames.bubbleChartTooltipContainer);
 
-const drawGrid$2 = (_ref) => {
+const drawGrid$2 = _ref => {
   let {
     svg,
     yScale,
@@ -3196,7 +3196,7 @@ const drawGrid$2 = (_ref) => {
 var _templateObject$f;
 const Tooltip$1 = /*#__PURE__*/styled__default.div(_templateObject$f || (_templateObject$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 0;\n  height: 0;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  font-size: 12px;\n  white-space: nowrap;\n"])));
 
-const drawTooltip$3 = (_ref) => {
+const drawTooltip$3 = _ref => {
   let {
     bubbles,
     tooltipRoot,
@@ -3282,25 +3282,25 @@ const draw$5 = (node, props) => {
     const width = props.width || nodeWidth;
     const height = props.height || 0;
     const yTicksCountDefault = 6;
-    const minY = typeof minYValue === 'number' ? minYValue : d3.min(data, (_ref) => {
+    const minY = typeof minYValue === 'number' ? minYValue : d3.min(data, _ref => {
       let {
         yValue
       } = _ref;
       return yValue;
     });
-    const maxY = typeof maxYValue === 'number' ? maxYValue : d3.max(data, (_ref2) => {
+    const maxY = typeof maxYValue === 'number' ? maxYValue : d3.max(data, _ref2 => {
       let {
         yValue
       } = _ref2;
       return yValue;
     });
     const svg = appendSvg(node, width, height || 0);
-    const sizeScale = d3.scaleLinear().domain([d3.min(data, (_ref3) => {
+    const sizeScale = d3.scaleLinear().domain([d3.min(data, _ref3 => {
       let {
         sizeValue
       } = _ref3;
       return sizeValue;
-    }), d3.max(data, (_ref4) => {
+    }), d3.max(data, _ref4 => {
       let {
         sizeValue
       } = _ref4;
@@ -3333,12 +3333,12 @@ const draw$5 = (node, props) => {
       width: yAxisWidth
     } = computeDimensions(yAxis);
     const range = [marginLeft + yAxisWidth + (yAxisPadding || 0) + yScaleLabelHeight, width - marginRight];
-    const xScale = d3.scaleLinear().domain([d3.min(data, (_ref5) => {
+    const xScale = d3.scaleLinear().domain([d3.min(data, _ref5 => {
       let {
         xValue
       } = _ref5;
       return xValue;
-    }), d3.max(data, (_ref6) => {
+    }), d3.max(data, _ref6 => {
       let {
         xValue
       } = _ref6;
@@ -3365,32 +3365,32 @@ const draw$5 = (node, props) => {
       drawGridX
     });
     xAxis.attr('transform', "translate(0, " + (yScale(yTicks[0]) + (xAxisPadding || 0)) + ")");
-    const bubbles = svg.append('g').selectAll('dot').data(data).enter().append('circle').attr('class', bubbleChartClassNames.bubbleChartCircle).attr('cx', (_ref7) => {
+    const bubbles = svg.append('g').selectAll('dot').data(data).enter().append('circle').attr('class', bubbleChartClassNames.bubbleChartCircle).attr('cx', _ref7 => {
       let {
         xValue
       } = _ref7;
       return xScale(xValue);
-    }).attr('cy', (_ref8) => {
+    }).attr('cy', _ref8 => {
       let {
         yValue
       } = _ref8;
       return yScale(yValue);
-    }).attr('r', (_ref9) => {
+    }).attr('r', _ref9 => {
       let {
         sizeValue
       } = _ref9;
       return sizeScale(sizeValue) / 2;
-    }).attr('fill', (_ref10) => {
+    }).attr('fill', _ref10 => {
       let {
         color
       } = _ref10;
       return color || 'rgba(0, 176, 113, 0.6)';
-    }).attr('stroke', (_ref11) => {
+    }).attr('stroke', _ref11 => {
       let {
         stroke
       } = _ref11;
       return stroke || 'transparent';
-    }).attr('style', (_ref12) => {
+    }).attr('style', _ref12 => {
       let {
         style
       } = _ref12;