@evergis/charts 2.0.43 → 2.0.44

package/dist/charts.esm.js

@@ -234,7 +234,7 @@ const useSwipe = (node, _ref) => {
 };
 
 const _excluded = ["children", "width", "onSwipe"];
-const SwipeScroll = _ref => {
+const SwipeScroll = (_ref) => {
   let {
     children,
     width,
@@ -278,7 +278,7 @@ const getTextAnchor = (index, length) => {
 
 var _templateObject$2;
 
-const getTranslate = _ref => {
+const getTranslate = (_ref) => {
   let {
     anchor,
     index,
@@ -306,7 +306,7 @@ const LabelContainer = /*#__PURE__*/styled.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,
@@ -358,7 +358,7 @@ const drawRadialLabels = _ref => {
 };
 
 var _templateObject$3, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-const getTranslate$1 = _ref => {
+const getTranslate$1 = (_ref) => {
   let {
     anchor,
     index,
@@ -427,13 +427,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, min(data, i => min(i.map(_ref => {
+    const minValue = props.minValue || Math.min(0, min(data, i => min(i.map((_ref) => {
       let {
         value
       } = _ref;
       return value;
     }))));
-    const maxValue = (props.maxValue || Math.max(0, max(data, i => max(i.map(_ref2 => {
+    const maxValue = (props.maxValue || Math.max(0, max(data, i => max(i.map((_ref2) => {
       let {
         value
       } = _ref2;
@@ -456,14 +456,14 @@ const draw = (node, props) => {
     const angleSlice = Math.PI * 2 / data[0].length;
     const radiusScale = scaleLinear().range([0, radius]).domain([0, newMaxValue]);
     const radarLine = lineRadial().curve(curveLinearClosed) // @ts-ignore
-    .radius(_ref3 => {
+    .radius((_ref3) => {
       let {
         value
       } = _ref3;
       return radiusScale(value);
     }).angle((_, i) => i * angleSlice);
     const radarValue = lineRadial().curve(curve || curveLinearClosed) // @ts-ignore
-    .radius(_ref4 => {
+    .radius((_ref4) => {
       let {
         value
       } = _ref4;
@@ -479,7 +479,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;
@@ -654,7 +654,7 @@ const getAlign = d => {
   return midangle < Math.PI ? 'start' : 'end';
 };
 
-const drawRadialLabels$1 = _ref => {
+const drawRadialLabels$1 = (_ref) => {
   let {
     arc: arc$1,
     enableRadialLabels,
@@ -726,7 +726,7 @@ const Label$1 = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12
 const LabelTop = /*#__PURE__*/styled(Label$1)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  top: 6px;\n"])));
 const LabelBottom = /*#__PURE__*/styled(Label$1)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  bottom: 6px;\n"])));
 
-const drawTooltip = _ref => {
+const drawTooltip = (_ref) => {
   let {
     fullChartTooltip,
     global,
@@ -749,7 +749,7 @@ const drawTooltip = _ref => {
   const tooltipContainer = isEmpty ? 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);
     });
@@ -905,7 +905,7 @@ const draw$1 = (node, props) => {
     const dividerPadAngle = 100;
     const fullAngle = 360;
     const pie$1 = 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;
@@ -927,7 +927,7 @@ const draw$1 = (node, props) => {
     const format$1 = format(',');
     const allSlices = global.selectAll('allSlices').data(dataReady).enter().append('path') // @ts-ignore
     .attr('d', arc$1);
-    allSlices.attr('class', pieChartclassNames.pieSlice).attr('fill', _ref2 => {
+    allSlices.attr('class', pieChartclassNames.pieSlice).attr('fill', (_ref2) => {
       let {
         index
       } = _ref2;
@@ -1060,7 +1060,7 @@ const legendDefaultParams = {
   ticksDivier: 64,
   titleMarginBottom: 6
 };
-const getLegend = _ref => {
+const getLegend = (_ref) => {
   let {
     color,
     title,
@@ -1095,25 +1095,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(quantize(interpolate(0, 1), n))).toDataURL());
   } // Sequential
   else if (color.interpolator) {
-    x = Object.assign(color.copy().interpolator(interpolateRound(marginLeft, width - marginRight)), {
-      range() {
-        return [marginLeft, width - marginRight];
-      }
+      x = Object.assign(color.copy().interpolator(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 = range$1(n).map(i => quantile(color.domain(), i / (n - 1)));
-      }
+      if (!x.ticks) {
+        if (tickValues === undefined) {
+          const n = Math.round(ticks + 1);
+          tickValues = range$1(n).map(i => quantile(color.domain(), i / (n - 1)));
+        }
 
-      if (typeof tickFormat !== 'function') {
-        tickFormat = format(tickFormat === undefined ? ',f' : tickFormat);
+        if (typeof tickFormat !== 'function') {
+          tickFormat = format(tickFormat === undefined ? ',f' : tickFormat);
+        }
       }
     }
-  }
 
   svg.append('g').attr('transform', "translate(0," + (height - marginBottom) + ")").call(axisBottom(x).ticks(ticks, typeof tickFormat === 'string' ? tickFormat : undefined) // @ts-ignore
   .tickFormat(typeof tickFormat === 'function' ? tickFormat : undefined).tickSize(tickSize) // @ts-ignore
@@ -1171,13 +1171,13 @@ const draw$2 = (node, props) => {
     const getMonthSpacing = date => date.getUTCMonth() * (monthSpacing || 0);
 
     const formatMonth = utcFormat('%b');
-    const max$1 = max(data.map(_ref => {
+    const max$1 = max(data.map((_ref) => {
       let {
         value
       } = _ref;
       return value;
     }));
-    const min$1 = min(data.map(_ref2 => {
+    const min$1 = min(data.map((_ref2) => {
       let {
         value
       } = _ref2;
@@ -1200,7 +1200,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;
     });
@@ -1208,7 +1208,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;
@@ -1217,7 +1217,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
@@ -1345,7 +1345,7 @@ const lineChartClassNames = {
 const SvgWrapper$3 = /*#__PURE__*/styled(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__*/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,
@@ -1375,7 +1375,7 @@ const LabelContainer$1 = /*#__PURE__*/styled.div(_templateObject$9 || (_template
 const Label$2 = /*#__PURE__*/styled.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,
@@ -1387,7 +1387,7 @@ const drawLabel = _ref => {
   const labelsDiv = select(node).append('div').attr('class', labelClassName$1);
   const format$1 = format(','); // @ts-ignore
 
-  data.forEach(_ref2 => {
+  data.forEach((_ref2) => {
     let {
       values
     } = _ref2;
@@ -1404,7 +1404,7 @@ const drawLabel = _ref => {
 };
 
 const _excluded$1 = ["values"];
-const drawTooltip$1 = _ref => {
+const drawTooltip$1 = (_ref) => {
   let {
     svg,
     node,
@@ -1422,7 +1422,7 @@ const drawTooltip$1 = _ref => {
   } = _ref;
   const container = tooltipRoot || document.querySelector('body');
   const format$1 = format(',');
-  const chartData = argData.filter(_ref2 => {
+  const chartData = argData.filter((_ref2) => {
     let {
       tooltipOff
     } = _ref2;
@@ -1435,17 +1435,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;
@@ -1510,7 +1510,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;
@@ -1527,7 +1527,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;
@@ -1644,13 +1644,13 @@ const draw$3 = (node, props) => {
     } = node.getBoundingClientRect();
     const width = props.width || nodeWidth;
     const height = props.height || 0;
-    const min$1 = typeof props.min === 'number' ? props.min : min(data, _ref => {
+    const min$1 = typeof props.min === 'number' ? props.min : min(data, (_ref) => {
       let {
         values
       } = _ref;
       return min(values);
     });
-    const max$1 = typeof props.max === 'number' ? props.max : max(data, _ref2 => {
+    const max$1 = typeof props.max === 'number' ? props.max : max(data, (_ref2) => {
       let {
         values
       } = _ref2;
@@ -1707,7 +1707,7 @@ const draw$3 = (node, props) => {
 
     const line$1 = line().defined(d => d !== null).x((_, index) => xScale(index)).y(d => yScale(d)).curve(curve || curveLinear);
     customLine && customLine(line$1);
-    const withAreas = data.some(_ref4 => {
+    const withAreas = data.some((_ref4) => {
       let {
         fill
       } = _ref4;
@@ -1740,7 +1740,7 @@ const draw$3 = (node, props) => {
         }).y1(d => yScale(d)).curve(areaCurve || curve || 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;
@@ -1748,12 +1748,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;
@@ -1761,18 +1761,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$1(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$1(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;
@@ -1878,7 +1878,7 @@ const barChartLinesClassNames = {
   barChartAreasGlobal: 'barChartAreasGlobal',
   barChartArea: 'barChartArea'
 };
-const drawLines = _ref => {
+const drawLines = (_ref) => {
   let {
     svg,
     lineData,
@@ -1894,13 +1894,13 @@ const drawLines = _ref => {
   const line$1 = line().defined(d => d !== null).x((_, index) => xScale(index) + bandwidth / 2) // @ts-ignore
   .y(d => yScale(d)).curve(curve || 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;
@@ -1908,12 +1908,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$1(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$1(d.values)).attr('stroke', (_ref4) => {
       let {
         stroke
       } = _ref4;
       return stroke || '';
-    }).attr('fill', _ref5 => {
+    }).attr('fill', (_ref5) => {
       let {
         fill
       } = _ref5;
@@ -1931,7 +1931,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 || curveLinear);
-    areasSelection = svg.append('g').attr('class', barChartLinesClassNames.barChartAreasGlobal).selectAll('path').data(areasData).join('path').attr('class', barChartLinesClassNames.barChartArea).attr('d', d => area$1 && area$1(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$1 && area$1(d.values)).attr('fill', (_ref6) => {
       let {
         fill
       } = _ref6;
@@ -1981,7 +1981,7 @@ const barChartClassNames = /*#__PURE__*/_extends({
 const SvgWrapper$4 = /*#__PURE__*/styled(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__*/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,
@@ -2010,7 +2010,7 @@ const drawGrid$1 = _ref => {
 };
 
 const _excluded$2 = ["groupName"];
-const getDomain = _ref => {
+const getDomain = (_ref) => {
   let {
     data,
     minDomainValue,
@@ -2018,7 +2018,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;
@@ -2057,7 +2057,7 @@ const getDomain = _ref => {
 };
 
 const _excluded$3 = ["groupName"];
-const marshaling = _ref => {
+const marshaling = (_ref) => {
   let {
     data,
     yScale,
@@ -2143,7 +2143,7 @@ const getLabel = labelPosition => {
 };
 
 const _excluded$4 = ["values"];
-const drawTooltip$2 = _ref => {
+const drawTooltip$2 = (_ref) => {
   let {
     svg,
     node,
@@ -2186,7 +2186,7 @@ const drawTooltip$2 = _ref => {
     lineData,
     yScale
   }) : marshalledData.reduce((acc, curr, index) => {
-    const lineMin = min(lineData, _ref2 => {
+    const lineMin = min(lineData, (_ref2) => {
       let {
         values
       } = _ref2;
@@ -2278,7 +2278,7 @@ const drawTooltip$2 = _ref => {
       }
 
       if (lineData) {
-        const currLineData = lineData.map(_ref4 => {
+        const currLineData = lineData.map((_ref4) => {
           let {
             values
           } = _ref4,
@@ -2328,7 +2328,7 @@ const drawTooltip$2 = _ref => {
             className: barChartClassNames.barChartTooltip
           }, currData && currData[0] && React.createElement(TooltipGroupName, {
             className: barChartClassNames.barChartTooltipGroupName
-          }, currData[0].groupName), currData && currData.map(_ref5 => {
+          }, currData[0].groupName), currData && currData.map((_ref5) => {
             let {
               name,
               value,
@@ -2374,7 +2374,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,
@@ -2430,7 +2430,7 @@ const drawTooltip$2 = _ref => {
 };
 
 const _excluded$5 = ["groupName"];
-const resizeBarWidth = _ref => {
+const resizeBarWidth = (_ref) => {
   let {
     data,
     range,
@@ -2453,7 +2453,7 @@ const resizeBarWidth = _ref => {
   return barWidth;
 };
 
-const getBars = _ref => {
+const getBars = (_ref) => {
   let {
     groups,
     barWidth
@@ -2524,13 +2524,13 @@ const draw$4 = (node, props) => {
       minDomainValue,
       maxDomainValue
     });
-    const min$1 = typeof minValue === 'number' ? minValue : Math.min(min(lineData, _ref => {
+    const min$1 = typeof minValue === 'number' ? minValue : Math.min(min(lineData, (_ref) => {
       let {
         values
       } = _ref;
       return min(values);
     }) || Number.POSITIVE_INFINITY, barDomain.min || 0);
-    const max$1 = typeof maxValue === 'number' ? maxValue : Math.max(max(lineData, _ref2 => {
+    const max$1 = typeof maxValue === 'number' ? maxValue : Math.max(max(lineData, (_ref2) => {
       let {
         values
       } = _ref2;
@@ -2717,7 +2717,7 @@ BarChart.defaultProps = {
 
 const _excluded$6 = ["value"];
 const hundred = 100;
-const useMarshaling = _ref => {
+const useMarshaling = (_ref) => {
   let {
     data,
     fullExtent,
@@ -2725,7 +2725,7 @@ const useMarshaling = _ref => {
     labels
   } = _ref;
   return useMemo(() => {
-    const fullMax = max(data, item => sum(item, _ref2 => {
+    const fullMax = max(data, item => sum(item, (_ref2) => {
       let {
         value
       } = _ref2;
@@ -2736,7 +2736,7 @@ const useMarshaling = _ref => {
       fullMax,
       data: data.map((item, index) => {
         if (!fullExtent) {
-          scaleLinear$1.domain([0, typeof maxValue === 'number' ? maxValue : sum(item, _ref3 => {
+          scaleLinear$1.domain([0, typeof maxValue === 'number' ? maxValue : sum(item, (_ref3) => {
             let {
               value
             } = _ref3;
@@ -2744,7 +2744,7 @@ const useMarshaling = _ref => {
           })]);
         }
 
-        return item.map(_ref4 => {
+        return item.map((_ref4) => {
           let {
             value
           } = _ref4,
@@ -2793,7 +2793,7 @@ const StackSumContainer = /*#__PURE__*/styled.div(_templateObject6$2 || (_templa
 const StackSum = /*#__PURE__*/styled.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.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,
@@ -2829,7 +2829,7 @@ const Tooltip = _ref => {
 };
 
 const rootElement = /*#__PURE__*/document.createElement('div');
-const useTooltip = _ref => {
+const useTooltip = (_ref) => {
   let {
     renderTooltip,
     tooltipBind,
@@ -2883,7 +2883,7 @@ const useTooltip = _ref => {
 
 const _excluded$7 = ["item", "mouseMove", "mouseLeave", "tooltipBind"];
 const useStackWrapper = stackedTooltip => {
-  return useMemo(() => stackedTooltip ? _ref => {
+  return useMemo(() => stackedTooltip ? (_ref) => {
     let {
       item,
       mouseMove,
@@ -2898,7 +2898,7 @@ const useStackWrapper = stackedTooltip => {
       onMouseMove: tooltipBind ? event => mouseMove(event, item) : void 0,
       onMouseOut: mouseLeave
     }, props));
-  } : _ref2 => {
+  } : (_ref2) => {
     let {
       children
     } = _ref2;
@@ -2909,7 +2909,7 @@ const useStackWrapper = stackedTooltip => {
 var _templateObject$c;
 const BarStyled = /*#__PURE__*/styled.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,
@@ -2944,7 +2944,7 @@ const Bar = _ref => {
 };
 
 const hundred$1 = 100;
-const useScale = _ref => {
+const useScale = (_ref) => {
   let {
     maxValue,
     scaleTicks,
@@ -2965,7 +2965,7 @@ const TickTd = /*#__PURE__*/styled.td(_templateObject$d || (_templateObject$d =
 const Ticks = /*#__PURE__*/styled.div(_templateObject2$6 || (_templateObject2$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 1rem;\n"])));
 const Tick = /*#__PURE__*/styled.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,
@@ -2998,7 +2998,7 @@ const XScale = _ref => {
   }))));
 };
 
-const HorizontalBarChart = _ref => {
+const HorizontalBarChart = (_ref) => {
   let {
     data,
     className,
@@ -3049,13 +3049,13 @@ const HorizontalBarChart = _ref => {
     onMouseMove: fullChartTooltip ? event => mouseMove(event, marshalingData.flat()) : void 0,
     onMouseOut: fullChartTooltip ? mouseLeave : void 0
   }, thead, React.createElement("tbody", null, marshalingData.map((item, rowIndex) => {
-    const stackSum = (withStackSum || renderDataTable) && sum(item, _ref2 => {
+    const stackSum = (withStackSum || renderDataTable) && sum(item, (_ref2) => {
       let {
         value
       } = _ref2;
       return value;
     });
-    const sumWidth = sum(item, _ref3 => {
+    const sumWidth = sum(item, (_ref3) => {
       let {
         width
       } = _ref3;
@@ -3153,7 +3153,7 @@ const bubbleChartClassNames = {
 const SvgWrapper$5 = /*#__PURE__*/styled(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__*/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,
@@ -3179,7 +3179,7 @@ const drawGrid$2 = _ref => {
 var _templateObject$f;
 const Tooltip$1 = /*#__PURE__*/styled.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,
@@ -3265,25 +3265,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 : min(data, _ref => {
+    const minY = typeof minYValue === 'number' ? minYValue : min(data, (_ref) => {
       let {
         yValue
       } = _ref;
       return yValue;
     });
-    const maxY = typeof maxYValue === 'number' ? maxYValue : max(data, _ref2 => {
+    const maxY = typeof maxYValue === 'number' ? maxYValue : max(data, (_ref2) => {
       let {
         yValue
       } = _ref2;
       return yValue;
     });
     const svg = appendSvg(node, width, height || 0);
-    const sizeScale = scaleLinear().domain([min(data, _ref3 => {
+    const sizeScale = scaleLinear().domain([min(data, (_ref3) => {
       let {
         sizeValue
       } = _ref3;
       return sizeValue;
-    }), max(data, _ref4 => {
+    }), max(data, (_ref4) => {
       let {
         sizeValue
       } = _ref4;
@@ -3316,12 +3316,12 @@ const draw$5 = (node, props) => {
       width: yAxisWidth
     } = computeDimensions(yAxis);
     const range = [marginLeft + yAxisWidth + (yAxisPadding || 0) + yScaleLabelHeight, width - marginRight];
-    const xScale = scaleLinear().domain([min(data, _ref5 => {
+    const xScale = scaleLinear().domain([min(data, (_ref5) => {
       let {
         xValue
       } = _ref5;
       return xValue;
-    }), max(data, _ref6 => {
+    }), max(data, (_ref6) => {
       let {
         xValue
       } = _ref6;
@@ -3348,32 +3348,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;