victory-core 36.9.2 → 37.0.0

package/es/victory-label/victory-label.js

@@ -1,24 +1,6 @@
 import _isEmpty from "lodash/isEmpty";
 import _defaults from "lodash/defaults";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+/* eslint no-magic-numbers: ["error", { "ignore": [-0.5, 0.5, 0, 1, 2] }]*/
 import React from "react";
 import { VictoryPortal } from "../victory-portal/victory-portal";
 import { Rect } from "../victory-primitives/rect";
@@ -30,145 +12,111 @@ import * as Log from "../victory-util/log";
 import * as Style from "../victory-util/style";
 import * as TextSize from "../victory-util/textsize";
 import * as UserProps from "../victory-util/user-props";
-var defaultStyles = {
+const defaultStyles = {
   fill: "#252525",
   fontSize: 14,
   fontFamily: "'Gill Sans', 'Gill Sans MT', 'Ser­avek', 'Trebuchet MS', sans-serif",
   stroke: "transparent"
 };
-
-var getPosition = function (props, dimension) {
+const getPosition = (props, dimension) => {
   if (!props.datum) {
     return 0;
   }
-
-  var scaledPoint = Helpers.scalePoint(props, props.datum);
+  const scaledPoint = Helpers.scalePoint(props, props.datum);
   return scaledPoint[dimension];
 };
-
-var getFontSize = function (style) {
-  var baseSize = style && style.fontSize;
-
+const getFontSize = style => {
+  const baseSize = style && style.fontSize;
   if (typeof baseSize === "number") {
     return baseSize;
   } else if (baseSize === undefined || baseSize === null) {
     return defaultStyles.fontSize;
   } else if (typeof baseSize === "string") {
-    var fontSize = Number(baseSize.replace("px", ""));
-
+    const fontSize = Number(baseSize.replace("px", ""));
     if (!isNaN(fontSize)) {
       return fontSize;
     }
-
     Log.warn("fontSize should be expressed as a number of pixels");
     return defaultStyles.fontSize;
   }
-
   return defaultStyles.fontSize;
 };
-
-var getSingleValue = function (prop) {
-  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+const getSingleValue = function (prop, index) {
+  if (index === void 0) {
+    index = 0;
+  }
   return Array.isArray(prop) ? prop[index] || prop[0] : prop;
 };
-
-var shouldUseMultilineBackgrounds = function (props) {
-  var backgroundStyle = props.backgroundStyle,
-      backgroundPadding = props.backgroundPadding;
+const shouldUseMultilineBackgrounds = props => {
+  const {
+    backgroundStyle,
+    backgroundPadding
+  } = props;
   return Array.isArray(backgroundStyle) && !_isEmpty(backgroundStyle) || Array.isArray(backgroundPadding) && !_isEmpty(backgroundPadding);
 };
-
-var getStyles = function (style, props) {
+const getStyles = (style, props) => {
   if (props.disableInlineStyles) {
-    var baseStyles = Helpers.evaluateStyle(style, props);
+    const baseStyles = Helpers.evaluateStyle(style, props);
     return {
       // Font size is necessary to calculate the y position of the label
       fontSize: getFontSize(baseStyles)
     };
   }
-
-  var getSingleStyle = function (s) {
-    var baseStyles = Helpers.evaluateStyle(s ? _defaults({}, s, defaultStyles) : defaultStyles, props);
+  const getSingleStyle = s => {
+    const baseStyles = Helpers.evaluateStyle(s ? _defaults({}, s, defaultStyles) : defaultStyles, props);
     return Object.assign({}, baseStyles, {
       fontSize: getFontSize(baseStyles)
     });
   };
-
-  return Array.isArray(style) && !_isEmpty(style) ? style.map(function (s) {
-    return getSingleStyle(s);
-  }) : getSingleStyle(style);
+  return Array.isArray(style) && !_isEmpty(style) ? style.map(s => getSingleStyle(s)) : getSingleStyle(style);
 };
-
-var getBackgroundStyles = function (style, props) {
+const getBackgroundStyles = (style, props) => {
   if (!style) {
     return undefined;
   }
-
-  return Array.isArray(style) && !_isEmpty(style) ? style.map(function (s) {
-    return Helpers.evaluateStyle(s, props);
-  }) : Helpers.evaluateStyle(style, props);
+  return Array.isArray(style) && !_isEmpty(style) ? style.map(s => Helpers.evaluateStyle(s, props)) : Helpers.evaluateStyle(style, props);
 };
-
-var getBackgroundPadding = function (props) {
+const getBackgroundPadding = props => {
   if (props.backgroundPadding && Array.isArray(props.backgroundPadding)) {
-    return props.backgroundPadding.map(function (backgroundPadding) {
-      var padding = Helpers.evaluateProp(backgroundPadding, props);
+    return props.backgroundPadding.map(backgroundPadding => {
+      const padding = Helpers.evaluateProp(backgroundPadding, props);
       return Helpers.getPadding({
-        padding: padding
+        padding
       });
     });
   }
-
-  var padding = Helpers.evaluateProp(props.backgroundPadding, props);
+  const padding = Helpers.evaluateProp(props.backgroundPadding, props);
   return Helpers.getPadding({
-    padding: padding
+    padding
   });
 };
-
-var getLineHeight = function (props) {
-  var lineHeight = Helpers.evaluateProp(props.lineHeight, props);
-
+const getLineHeight = props => {
+  const lineHeight = Helpers.evaluateProp(props.lineHeight, props);
   if (Array.isArray(lineHeight)) {
     return _isEmpty(lineHeight) ? [1] : lineHeight;
   }
-
   return lineHeight;
 };
-
-var getContent = function (text, props) {
+const getContent = (text, props) => {
   if (text === undefined || text === null) {
     return undefined;
   }
-
   if (Array.isArray(text)) {
-    return text.map(function (line) {
-      return Helpers.evaluateProp(line, props);
-    });
+    return text.map(line => Helpers.evaluateProp(line, props));
   }
-
-  var child = Helpers.evaluateProp(text, props);
-
+  const child = Helpers.evaluateProp(text, props);
   if (child === undefined || child === null) {
     return undefined;
   }
-
-  return Array.isArray(child) ? child : "".concat(child).split("\n");
+  return Array.isArray(child) ? child : `${child}`.split("\n");
 };
-
-var getDy = function (props, verticalAnchor, lineHeight) {
-  var dy = props.dy ? Helpers.evaluateProp(props.dy, props) : 0;
-  var length = props.inline ? 1 : props.text.length;
-  var capHeight = Helpers.evaluateProp(props.capHeight, props);
-  var anchor = verticalAnchor ? Helpers.evaluateProp(verticalAnchor, props) : "middle";
-
-  var fontSizes = _toConsumableArray(Array(length).keys()).map(function (i) {
-    return getSingleValue(props.style, i).fontSize;
-  });
-
-  var lineHeights = _toConsumableArray(Array(length).keys()).map(function (i) {
-    return getSingleValue(lineHeight, i);
-  });
-
+const getDy = (props, verticalAnchor, lineHeight) => {
+  const dy = props.dy ? Helpers.evaluateProp(props.dy, props) : 0;
+  const length = props.inline ? 1 : props.text.length;
+  const capHeight = Helpers.evaluateProp(props.capHeight, props);
+  const anchor = verticalAnchor ? Helpers.evaluateProp(verticalAnchor, props) : "middle";
+  const fontSizes = [...Array(length).keys()].map(i => getSingleValue(props.style, i).fontSize);
+  const lineHeights = [...Array(length).keys()].map(i => getSingleValue(lineHeight, i));
   if (anchor === "start") {
     return dy + (capHeight / 2 + lineHeights[0] / 2) * fontSizes[0];
   } else if (props.inline) {
@@ -176,314 +124,289 @@ var getDy = function (props, verticalAnchor, lineHeight) {
   } else if (length === 1) {
     return anchor === "end" ? dy + (capHeight / 2 + (0.5 - length) * lineHeights[0]) * fontSizes[0] : dy + (capHeight / 2 + (0.5 - length / 2) * lineHeights[0]) * fontSizes[0];
   }
-
-  var allHeights = _toConsumableArray(Array(length).keys()).reduce(function (memo, i) {
+  const allHeights = [...Array(length).keys()].reduce((memo, i) => {
     return memo + (capHeight / 2 + (0.5 - length) * lineHeights[i]) * fontSizes[i] / length;
   }, 0);
-
   return anchor === "end" ? dy + allHeights : dy + allHeights / 2 + capHeight / 2 * lineHeights[length - 1] * fontSizes[length - 1];
 };
-
-var getTransform = function (props, x, y) {
-  var polar = props.polar;
-  var style = getSingleValue(props.style);
-  var defaultAngle = polar ? LabelHelpers.getPolarAngle(props) : 0;
-  var baseAngle = style.angle === undefined ? Helpers.evaluateProp(props.angle, props) : style.angle;
-  var angle = baseAngle === undefined ? defaultAngle : baseAngle;
-  var transform = props.transform || style.transform;
-  var transformPart = transform && Helpers.evaluateProp(transform, props);
-  var rotatePart = angle && {
+const getTransform = (props, x, y) => {
+  const {
+    polar
+  } = props;
+  const style = getSingleValue(props.style);
+  const defaultAngle = polar ? LabelHelpers.getPolarAngle(props) : 0;
+  const baseAngle = style.angle === undefined ? Helpers.evaluateProp(props.angle, props) : style.angle;
+  const angle = baseAngle === undefined ? defaultAngle : baseAngle;
+  const transform = props.transform || style.transform;
+  const transformPart = transform && Helpers.evaluateProp(transform, props);
+  const rotatePart = angle && {
     rotate: [angle, x, y]
   };
   return transformPart || angle ? Style.toTransformString(transformPart, rotatePart) : undefined;
 };
-
-var getXCoordinate = function (calculatedProps, labelSizeWidth) {
-  var direction = calculatedProps.direction,
-      textAnchor = calculatedProps.textAnchor,
-      x = calculatedProps.x,
-      dx = calculatedProps.dx;
-
+const getXCoordinate = (calculatedProps, labelSizeWidth) => {
+  const {
+    direction,
+    textAnchor,
+    x,
+    dx
+  } = calculatedProps;
   if (direction === "rtl") {
     return x - labelSizeWidth;
   }
-
   switch (textAnchor) {
     case "middle":
       return Math.round(x - labelSizeWidth / 2);
-
     case "end":
       return Math.round(x - labelSizeWidth);
-
     default:
       // start
       return x + (dx || 0);
   }
 };
-
-var getYCoordinate = function (calculatedProps, textHeight) {
-  var verticalAnchor = calculatedProps.verticalAnchor,
-      y = calculatedProps.y,
-      _calculatedProps$orig = calculatedProps.originalDy,
-      originalDy = _calculatedProps$orig === void 0 ? 0 : _calculatedProps$orig;
-  var offset = y + originalDy;
-
+const getYCoordinate = (calculatedProps, textHeight) => {
+  const {
+    verticalAnchor,
+    y,
+    originalDy = 0
+  } = calculatedProps;
+  const offset = y + originalDy;
   switch (verticalAnchor) {
     case "start":
       return Math.floor(offset);
-
     case "end":
       return Math.ceil(offset - textHeight);
-
     default:
       // middle
       return Math.floor(offset - textHeight / 2);
   }
 };
-
-var getFullBackground = function (calculatedProps, tspanValues) {
-  var _calculatedProps$dx = calculatedProps.dx,
-      dx = _calculatedProps$dx === void 0 ? 0 : _calculatedProps$dx,
-      transform = calculatedProps.transform,
-      backgroundComponent = calculatedProps.backgroundComponent,
-      backgroundStyle = calculatedProps.backgroundStyle,
-      inline = calculatedProps.inline,
-      backgroundPadding = calculatedProps.backgroundPadding,
-      capHeight = calculatedProps.capHeight;
-  var textSizes = tspanValues.map(function (tspan) {
+const getFullBackground = (calculatedProps, tspanValues) => {
+  const {
+    dx = 0,
+    transform,
+    backgroundComponent,
+    backgroundStyle,
+    inline,
+    backgroundPadding,
+    capHeight
+  } = calculatedProps;
+  const textSizes = tspanValues.map(tspan => {
     return tspan.textSize;
   });
-  var height = inline ? Math.max.apply(Math, _toConsumableArray(textSizes.map(function (size) {
-    return size.height;
-  }))) : textSizes.reduce(function (memo, size, i) {
-    var capHeightAdjustment = i ? 0 : capHeight / 2;
+  const height = inline ? Math.max(...textSizes.map(size => size.height)) : textSizes.reduce((memo, size, i) => {
+    const capHeightAdjustment = i ? 0 : capHeight / 2;
     return memo + size.height * (tspanValues[i].lineHeight - capHeightAdjustment);
   }, 0);
-  var width = inline ? textSizes.reduce(function (memo, size, index) {
-    var offset = index ? dx : 0;
+  const width = inline ? textSizes.reduce((memo, size, index) => {
+    const offset = index ? dx : 0;
     return memo + size.width + offset;
-  }, 0) : Math.max.apply(Math, _toConsumableArray(textSizes.map(function (size) {
-    return size.width;
-  })));
-  var xCoordinate = getXCoordinate(calculatedProps, width);
-  var yCoordinate = getYCoordinate(calculatedProps, height);
-  var backgroundProps = {
+  }, 0) : Math.max(...textSizes.map(size => size.width));
+  const xCoordinate = getXCoordinate(calculatedProps, width);
+  const yCoordinate = getYCoordinate(calculatedProps, height);
+  const backgroundProps = {
     key: "background",
     height: height + backgroundPadding.top + backgroundPadding.bottom,
     style: backgroundStyle,
-    transform: transform,
+    transform,
     width: width + backgroundPadding.left + backgroundPadding.right,
     x: inline ? xCoordinate - backgroundPadding.left : xCoordinate + dx - backgroundPadding.left,
     y: yCoordinate
   };
   return /*#__PURE__*/React.cloneElement(backgroundComponent, _defaults({}, backgroundComponent.props, backgroundProps));
 };
-
-var getInlineXOffset = function (calculatedProps, textElements, index) {
-  var textAnchor = calculatedProps.textAnchor;
-  var widths = textElements.map(function (t) {
-    return t.widthWithPadding;
-  });
-  var totalWidth = widths.reduce(function (memo, width) {
-    return memo + width;
-  }, 0);
-  var centerOffset = -totalWidth / 2;
-
+const getInlineXOffset = (calculatedProps, textElements, index) => {
+  const {
+    textAnchor
+  } = calculatedProps;
+  const widths = textElements.map(t => t.widthWithPadding);
+  const totalWidth = widths.reduce((memo, width) => memo + width, 0);
+  const centerOffset = -totalWidth / 2;
   switch (textAnchor) {
     case "start":
-      return widths.reduce(function (memo, width, i) {
-        return i < index ? memo + width : memo;
-      }, 0);
-
+      return widths.reduce((memo, width, i) => i < index ? memo + width : memo, 0);
     case "end":
-      return widths.reduce(function (memo, width, i) {
-        return i > index ? memo - width : memo;
-      }, 0);
-
+      return widths.reduce((memo, width, i) => i > index ? memo - width : memo, 0);
     default:
       // middle
-      return widths.reduce(function (memo, width, i) {
-        var offsetWidth = i < index ? width : 0;
+      return widths.reduce((memo, width, i) => {
+        const offsetWidth = i < index ? width : 0;
         return i === index ? memo + width / 2 : memo + offsetWidth;
       }, centerOffset);
   }
 };
-
-var getChildBackgrounds = function (calculatedProps, tspanValues) {
-  var dy = calculatedProps.dy,
-      dx = calculatedProps.dx,
-      transform = calculatedProps.transform,
-      backgroundStyle = calculatedProps.backgroundStyle,
-      backgroundPadding = calculatedProps.backgroundPadding,
-      backgroundComponent = calculatedProps.backgroundComponent,
-      inline = calculatedProps.inline,
-      y = calculatedProps.y;
-  var textElements = tspanValues.map(function (current, i) {
-    var previous = getSingleValue(tspanValues, i - 1);
-    var labelSize = current.textSize;
-    var totalLineHeight = current.fontSize * current.lineHeight;
-    var textHeight = Math.ceil(totalLineHeight);
-    var padding = getSingleValue(backgroundPadding, i);
-    var prevPadding = getSingleValue(backgroundPadding, i - 1);
-    var xOffset = inline ? dx || 0 : 0;
-    var childDy = i && !inline ? previous.fontSize * previous.lineHeight + prevPadding.top + prevPadding.bottom : dy - totalLineHeight * 0.5 - (current.fontSize - current.capHeight);
+const getChildBackgrounds = (calculatedProps, tspanValues) => {
+  const {
+    dy,
+    dx,
+    transform,
+    backgroundStyle,
+    backgroundPadding,
+    backgroundComponent,
+    inline,
+    y
+  } = calculatedProps;
+  const textElements = tspanValues.map((current, i) => {
+    const previous = getSingleValue(tspanValues, i - 1);
+    const labelSize = current.textSize;
+    const totalLineHeight = current.fontSize * current.lineHeight;
+    const textHeight = Math.ceil(totalLineHeight);
+    const padding = getSingleValue(backgroundPadding, i);
+    const prevPadding = getSingleValue(backgroundPadding, i - 1);
+    const xOffset = inline ? dx || 0 : 0;
+    const childDy = i && !inline ? previous.fontSize * previous.lineHeight + prevPadding.top + prevPadding.bottom : dy - totalLineHeight * 0.5 - (current.fontSize - current.capHeight);
     return {
-      textHeight: textHeight,
-      labelSize: labelSize,
+      textHeight,
+      labelSize,
       heightWithPadding: textHeight + padding.top + padding.bottom,
       widthWithPadding: labelSize.width + padding.left + padding.right + xOffset,
-      y: y,
+      y,
       fontSize: current.fontSize,
       dy: childDy
     };
   });
-  return textElements.map(function (textElement, i) {
-    var xCoordinate = getXCoordinate(calculatedProps, textElement.labelSize.width);
-    var yCoordinate = textElements.slice(0, i + 1).reduce(function (prev, curr) {
+  return textElements.map((textElement, i) => {
+    const xCoordinate = getXCoordinate(calculatedProps, textElement.labelSize.width);
+    const yCoordinate = textElements.slice(0, i + 1).reduce((prev, curr) => {
       return prev + curr.dy;
     }, y);
-    var padding = getSingleValue(backgroundPadding, i);
-    var height = textElement.heightWithPadding;
-    var xCoord = inline ? getInlineXOffset(calculatedProps, textElements, i) + xCoordinate - padding.left : xCoordinate;
-    var yCoord = inline ? getYCoordinate(calculatedProps, height) - padding.top : yCoordinate;
-    var backgroundProps = {
-      key: "tspan-background-".concat(i),
-      height: height,
+    const padding = getSingleValue(backgroundPadding, i);
+    const height = textElement.heightWithPadding;
+    const xCoord = inline ? getInlineXOffset(calculatedProps, textElements, i) + xCoordinate - padding.left : xCoordinate;
+    const yCoord = inline ? getYCoordinate(calculatedProps, height) - padding.top : yCoordinate;
+    const backgroundProps = {
+      key: `tspan-background-${i}`,
+      height,
       style: getSingleValue(backgroundStyle, i),
       width: textElement.widthWithPadding,
-      transform: transform,
+      transform,
       x: xCoord - padding.left,
       y: yCoord
     };
     return /*#__PURE__*/React.cloneElement(backgroundComponent, _defaults({}, backgroundComponent.props, backgroundProps));
   });
 };
-
-var getBackgroundElement = function (calculatedProps, tspanValues) {
+const getBackgroundElement = (calculatedProps, tspanValues) => {
   return shouldUseMultilineBackgrounds(calculatedProps) ? getChildBackgrounds(calculatedProps, tspanValues) : getFullBackground(calculatedProps, tspanValues);
 };
-
-var calculateSpanDy = function (tspanValues, i, calculatedProps) {
-  var current = getSingleValue(tspanValues, i);
-  var previous = getSingleValue(tspanValues, i - 1);
-  var previousHeight = previous.fontSize * previous.lineHeight;
-  var currentHeight = current.fontSize * current.lineHeight;
-  var previousCaps = previous.fontSize - previous.capHeight;
-  var currentCaps = current.fontSize - current.capHeight;
-  var textHeight = previousHeight - previous.fontSize / 2 + current.fontSize / 2 - previousHeight / 2 + currentHeight / 2 - currentCaps / 2 + previousCaps / 2;
+const calculateSpanDy = (tspanValues, i, calculatedProps) => {
+  const current = getSingleValue(tspanValues, i);
+  const previous = getSingleValue(tspanValues, i - 1);
+  const previousHeight = previous.fontSize * previous.lineHeight;
+  const currentHeight = current.fontSize * current.lineHeight;
+  const previousCaps = previous.fontSize - previous.capHeight;
+  const currentCaps = current.fontSize - current.capHeight;
+  const textHeight = previousHeight - previous.fontSize / 2 + current.fontSize / 2 - previousHeight / 2 + currentHeight / 2 - currentCaps / 2 + previousCaps / 2;
   return shouldUseMultilineBackgrounds(calculatedProps) ? textHeight + current.backgroundPadding.top + previous.backgroundPadding.bottom : textHeight;
 };
-
-var getTSpanDy = function (tspanValues, calculatedProps, i) {
-  var inline = calculatedProps.inline;
-  var current = getSingleValue(tspanValues, i);
-
+const getTSpanDy = (tspanValues, calculatedProps, i) => {
+  const {
+    inline
+  } = calculatedProps;
+  const current = getSingleValue(tspanValues, i);
   if (i && !inline) {
     return calculateSpanDy(tspanValues, i, calculatedProps);
   } else if (inline) {
     return i === 0 ? current.backgroundPadding.top : undefined;
   }
-
   return current.backgroundPadding.top;
 };
-
-var evaluateProps = function (props) {
+const evaluateProps = props => {
   /* Potential evaluated props are
     1) text
     2) style
     3) everything else
   */
-  var text = getContent(props.text, props);
-  var style = getStyles(props.style, Object.assign({}, props, {
-    text: text
+  const text = getContent(props.text, props);
+  const style = getStyles(props.style, Object.assign({}, props, {
+    text
   }));
-  var backgroundStyle = getBackgroundStyles(props.backgroundStyle, Object.assign({}, props, {
-    text: text,
-    style: style
+  const backgroundStyle = getBackgroundStyles(props.backgroundStyle, Object.assign({}, props, {
+    text,
+    style
   }));
-  var backgroundPadding = getBackgroundPadding(Object.assign({}, props, {
-    text: text,
-    style: style,
-    backgroundStyle: backgroundStyle
+  const backgroundPadding = getBackgroundPadding(Object.assign({}, props, {
+    text,
+    style,
+    backgroundStyle
   }));
-  var id = Helpers.evaluateProp(props.id, props);
+  const id = Helpers.evaluateProp(props.id, props);
   return Object.assign({}, props, {
-    backgroundStyle: backgroundStyle,
-    backgroundPadding: backgroundPadding,
-    style: style,
-    text: text,
-    id: id
+    backgroundStyle,
+    backgroundPadding,
+    style,
+    text,
+    id
   });
 };
-
-var getCalculatedProps = function (props) {
-  var ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
-  var style = getSingleValue(props.style);
-  var lineHeight = getLineHeight(props);
-  var direction = props.direction ? Helpers.evaluateProp(props.direction, props) : "inherit";
-  var textAnchor = props.textAnchor ? Helpers.evaluateProp(props.textAnchor, props) : style.textAnchor || "start";
-  var verticalAnchor = props.verticalAnchor ? Helpers.evaluateProp(props.verticalAnchor, props) : style.verticalAnchor || "middle";
-  var dx = props.dx ? Helpers.evaluateProp(props.dx, props) : 0;
-  var dy = getDy(props, verticalAnchor, lineHeight);
-  var x = props.x !== undefined ? props.x : getPosition(props, "x");
-  var y = props.y !== undefined ? props.y : getPosition(props, "y");
-  var transform = getTransform(props, x, y);
+const getCalculatedProps = props => {
+  const ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
+  const style = getSingleValue(props.style);
+  const lineHeight = getLineHeight(props);
+  const direction = props.direction ? Helpers.evaluateProp(props.direction, props) : "inherit";
+  const textAnchor = props.textAnchor ? Helpers.evaluateProp(props.textAnchor, props) : style.textAnchor || "start";
+  const verticalAnchor = props.verticalAnchor ? Helpers.evaluateProp(props.verticalAnchor, props) : style.verticalAnchor || "middle";
+  const dx = props.dx ? Helpers.evaluateProp(props.dx, props) : 0;
+  const dy = getDy(props, verticalAnchor, lineHeight);
+  const x = props.x !== undefined ? props.x : getPosition(props, "x");
+  const y = props.y !== undefined ? props.y : getPosition(props, "y");
+  const transform = getTransform(props, x, y);
   return Object.assign({}, props, {
-    ariaLabel: ariaLabel,
-    lineHeight: lineHeight,
-    direction: direction,
-    textAnchor: textAnchor,
-    verticalAnchor: verticalAnchor,
-    dx: dx,
-    dy: dy,
+    ariaLabel,
+    lineHeight,
+    direction,
+    textAnchor,
+    verticalAnchor,
+    dx,
+    dy,
     originalDy: Helpers.evaluateProp(props.dy, props),
-    transform: transform,
-    x: x,
-    y: y
+    transform,
+    x,
+    y
   });
 };
-
-var renderLabel = function (calculatedProps, tspanValues) {
-  var ariaLabel = calculatedProps.ariaLabel,
-      inline = calculatedProps.inline,
-      className = calculatedProps.className,
-      title = calculatedProps.title,
-      events = calculatedProps.events,
-      direction = calculatedProps.direction,
-      text = calculatedProps.text,
-      textAnchor = calculatedProps.textAnchor,
-      dx = calculatedProps.dx,
-      dy = calculatedProps.dy,
-      transform = calculatedProps.transform,
-      x = calculatedProps.x,
-      y = calculatedProps.y,
-      desc = calculatedProps.desc,
-      id = calculatedProps.id,
-      tabIndex = calculatedProps.tabIndex,
-      tspanComponent = calculatedProps.tspanComponent,
-      textComponent = calculatedProps.textComponent;
-  var userProps = UserProps.getSafeUserProps(calculatedProps);
-
-  var textProps = _objectSpread(_objectSpread({
+const renderLabel = (calculatedProps, tspanValues) => {
+  const {
+    ariaLabel,
+    inline,
+    className,
+    title,
+    events,
+    direction,
+    text,
+    textAnchor,
+    dx,
+    dy,
+    transform,
+    x,
+    y,
+    desc,
+    id,
+    tabIndex,
+    tspanComponent,
+    textComponent
+  } = calculatedProps;
+  const userProps = UserProps.getSafeUserProps(calculatedProps);
+  const textProps = {
     "aria-label": ariaLabel,
-    key: "text"
-  }, events), {}, {
-    direction: direction,
-    dx: dx,
-    x: x,
+    key: "text",
+    ...events,
+    direction,
+    dx,
+    x,
     y: y + dy,
-    transform: transform,
-    className: className,
-    title: title,
+    transform,
+    className,
+    title,
     desc: Helpers.evaluateProp(desc, calculatedProps),
     tabIndex: Helpers.evaluateProp(tabIndex, calculatedProps),
-    id: id
-  }, userProps);
-
-  var tspans = text.map(function (line, i) {
-    var currentStyle = tspanValues[i].style;
-    var tspanProps = {
-      key: "".concat(id, "-key-").concat(i),
+    id,
+    ...userProps
+  };
+  const tspans = text.map((line, i) => {
+    const currentStyle = tspanValues[i].style;
+    const tspanProps = {
+      key: `${id}-key-${i}`,
       x: !inline ? x : undefined,
       dx: inline ? dx + tspanValues[i].backgroundPadding.left : dx,
       dy: getTSpanDy(tspanValues, calculatedProps, i),
@@ -495,8 +418,7 @@ var renderLabel = function (calculatedProps, tspanValues) {
   });
   return /*#__PURE__*/React.cloneElement(textComponent, textProps, tspans);
 };
-
-var defaultProps = {
+const defaultProps = {
   backgroundComponent: /*#__PURE__*/React.createElement(Rect, null),
   groupComponent: /*#__PURE__*/React.createElement("g", null),
   direction: "inherit",
@@ -506,23 +428,26 @@ var defaultProps = {
   // Magic number from d3.
   lineHeight: 1
 };
-export var VictoryLabel = function (initialProps) {
-  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
-
+export const VictoryLabel = initialProps => {
+  const props = evaluateProps({
+    ...defaultProps,
+    ...initialProps
+  });
   if (props.text === null || props.text === undefined) {
     return null;
   }
-
-  var calculatedProps = getCalculatedProps(props);
-  var text = calculatedProps.text,
-      style = calculatedProps.style,
-      capHeight = calculatedProps.capHeight,
-      backgroundPadding = calculatedProps.backgroundPadding,
-      lineHeight = calculatedProps.lineHeight;
-  var tspanValues = text.map(function (line, i) {
-    var currentStyle = getSingleValue(style, i);
-    var capHeightPx = TextSize.convertLengthToPixels("".concat(capHeight, "em"), currentStyle.fontSize);
-    var currentLineHeight = getSingleValue(lineHeight, i);
+  const calculatedProps = getCalculatedProps(props);
+  const {
+    text,
+    style,
+    capHeight,
+    backgroundPadding,
+    lineHeight
+  } = calculatedProps;
+  const tspanValues = text.map((line, i) => {
+    const currentStyle = getSingleValue(style, i);
+    const capHeightPx = TextSize.convertLengthToPixels(`${capHeight}em`, currentStyle.fontSize);
+    const currentLineHeight = getSingleValue(lineHeight, i);
     return {
       style: currentStyle,
       fontSize: currentStyle.fontSize || defaultStyles.fontSize,
@@ -534,15 +459,13 @@ export var VictoryLabel = function (initialProps) {
       backgroundPadding: getSingleValue(backgroundPadding, i)
     };
   });
-  var label = renderLabel(calculatedProps, tspanValues);
-
+  const label = renderLabel(calculatedProps, tspanValues);
   if (props.backgroundStyle) {
-    var backgroundElement = getBackgroundElement(calculatedProps, tspanValues);
-    var children = [backgroundElement, label];
-    var backgroundWithLabel = /*#__PURE__*/React.cloneElement(props.groupComponent, {}, children);
+    const backgroundElement = getBackgroundElement(calculatedProps, tspanValues);
+    const children = [backgroundElement, label];
+    const backgroundWithLabel = /*#__PURE__*/React.cloneElement(props.groupComponent, {}, children);
     return props.renderInPortal ? /*#__PURE__*/React.createElement(VictoryPortal, null, backgroundWithLabel) : backgroundWithLabel;
   }
-
   return props.renderInPortal ? /*#__PURE__*/React.createElement(VictoryPortal, null, label) : label;
 };
 VictoryLabel.displayName = "VictoryLabel";