victory-tooltip 36.9.2 → 37.0.0

package/lib/flyout.js

@@ -4,106 +4,114 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Flyout = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _victoryCore = require("victory-core");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-var getVerticalPath = function (props) {
-  var pointerWidth = props.pointerWidth,
-      cornerRadius = props.cornerRadius,
-      orientation = props.orientation,
-      width = props.width,
-      height = props.height,
-      center = props.center;
-  var sign = orientation === "bottom" ? 1 : -1;
-  var x = props.x + (props.dx || 0);
-  var y = props.y + (props.dy || 0);
-  var centerX = center.x;
-  var centerY = center.y;
-  var pointerEdge = centerY + sign * (height / 2);
-  var oppositeEdge = centerY - sign * (height / 2);
-  var rightEdge = centerX + width / 2;
-  var leftEdge = centerX - width / 2;
-  var pointerLength = sign * (y - pointerEdge) < 0 ? 0 : props.pointerLength;
-  var direction = orientation === "bottom" ? "0 0 0" : "0 0 1";
-  var arc = "".concat(cornerRadius, " ").concat(cornerRadius, " ").concat(direction);
-  return "M ".concat(centerX - pointerWidth / 2, ", ").concat(pointerEdge, "\n    L ").concat(pointerLength ? x : centerX + pointerWidth / 2, ", ").concat(pointerLength ? y : pointerEdge, "\n    L ").concat(centerX + pointerWidth / 2, ", ").concat(pointerEdge, "\n    L ").concat(rightEdge - cornerRadius, ", ").concat(pointerEdge, "\n    A ").concat(arc, " ").concat(rightEdge, ", ").concat(pointerEdge - sign * cornerRadius, "\n    L ").concat(rightEdge, ", ").concat(oppositeEdge + sign * cornerRadius, "\n    A ").concat(arc, " ").concat(rightEdge - cornerRadius, ", ").concat(oppositeEdge, "\n    L ").concat(leftEdge + cornerRadius, ", ").concat(oppositeEdge, "\n    A ").concat(arc, " ").concat(leftEdge, ", ").concat(oppositeEdge + sign * cornerRadius, "\n    L ").concat(leftEdge, ", ").concat(pointerEdge - sign * cornerRadius, "\n    A ").concat(arc, " ").concat(leftEdge + cornerRadius, ", ").concat(pointerEdge, "\n    z");
+const getVerticalPath = props => {
+  const {
+    pointerWidth,
+    cornerRadius,
+    orientation,
+    width,
+    height,
+    center
+  } = props;
+  const sign = orientation === "bottom" ? 1 : -1;
+  const x = props.x + (props.dx || 0);
+  const y = props.y + (props.dy || 0);
+  const centerX = center.x;
+  const centerY = center.y;
+  const pointerEdge = centerY + sign * (height / 2);
+  const oppositeEdge = centerY - sign * (height / 2);
+  const rightEdge = centerX + width / 2;
+  const leftEdge = centerX - width / 2;
+  const pointerLength = sign * (y - pointerEdge) < 0 ? 0 : props.pointerLength;
+  const direction = orientation === "bottom" ? "0 0 0" : "0 0 1";
+  const arc = `${cornerRadius} ${cornerRadius} ${direction}`;
+  return `M ${centerX - pointerWidth / 2}, ${pointerEdge}
+    L ${pointerLength ? x : centerX + pointerWidth / 2}, ${pointerLength ? y : pointerEdge}
+    L ${centerX + pointerWidth / 2}, ${pointerEdge}
+    L ${rightEdge - cornerRadius}, ${pointerEdge}
+    A ${arc} ${rightEdge}, ${pointerEdge - sign * cornerRadius}
+    L ${rightEdge}, ${oppositeEdge + sign * cornerRadius}
+    A ${arc} ${rightEdge - cornerRadius}, ${oppositeEdge}
+    L ${leftEdge + cornerRadius}, ${oppositeEdge}
+    A ${arc} ${leftEdge}, ${oppositeEdge + sign * cornerRadius}
+    L ${leftEdge}, ${pointerEdge - sign * cornerRadius}
+    A ${arc} ${leftEdge + cornerRadius}, ${pointerEdge}
+    z`;
 };
-
-var getHorizontalPath = function (props) {
-  var pointerWidth = props.pointerWidth,
-      cornerRadius = props.cornerRadius,
-      orientation = props.orientation,
-      width = props.width,
-      height = props.height,
-      center = props.center;
-  var sign = orientation === "left" ? 1 : -1;
-  var x = props.x + (props.dx || 0);
-  var y = props.y + (props.dy || 0);
-  var centerX = center.x;
-  var centerY = center.y;
-  var pointerEdge = centerX - sign * (width / 2);
-  var oppositeEdge = centerX + sign * (width / 2);
-  var bottomEdge = centerY + height / 2;
-  var topEdge = centerY - height / 2;
-  var pointerLength = sign * (x - pointerEdge) > 0 ? 0 : props.pointerLength;
-  var direction = orientation === "left" ? "0 0 0" : "0 0 1";
-  var arc = "".concat(cornerRadius, " ").concat(cornerRadius, " ").concat(direction);
-  return "M ".concat(pointerEdge, ", ").concat(centerY - pointerWidth / 2, "\n    L ").concat(pointerLength ? x : pointerEdge, ", ").concat(pointerLength ? y : centerY + pointerWidth / 2, "\n    L ").concat(pointerEdge, ", ").concat(centerY + pointerWidth / 2, "\n    L ").concat(pointerEdge, ", ").concat(bottomEdge - cornerRadius, "\n    A ").concat(arc, " ").concat(pointerEdge + sign * cornerRadius, ", ").concat(bottomEdge, "\n    L ").concat(oppositeEdge - sign * cornerRadius, ", ").concat(bottomEdge, "\n    A ").concat(arc, " ").concat(oppositeEdge, ", ").concat(bottomEdge - cornerRadius, "\n    L ").concat(oppositeEdge, ", ").concat(topEdge + cornerRadius, "\n    A ").concat(arc, " ").concat(oppositeEdge - sign * cornerRadius, ", ").concat(topEdge, "\n    L ").concat(pointerEdge + sign * cornerRadius, ", ").concat(topEdge, "\n    A ").concat(arc, " ").concat(pointerEdge, ", ").concat(topEdge + cornerRadius, "\n    z");
+const getHorizontalPath = props => {
+  const {
+    pointerWidth,
+    cornerRadius,
+    orientation,
+    width,
+    height,
+    center
+  } = props;
+  const sign = orientation === "left" ? 1 : -1;
+  const x = props.x + (props.dx || 0);
+  const y = props.y + (props.dy || 0);
+  const centerX = center.x;
+  const centerY = center.y;
+  const pointerEdge = centerX - sign * (width / 2);
+  const oppositeEdge = centerX + sign * (width / 2);
+  const bottomEdge = centerY + height / 2;
+  const topEdge = centerY - height / 2;
+  const pointerLength = sign * (x - pointerEdge) > 0 ? 0 : props.pointerLength;
+  const direction = orientation === "left" ? "0 0 0" : "0 0 1";
+  const arc = `${cornerRadius} ${cornerRadius} ${direction}`;
+  return `M ${pointerEdge}, ${centerY - pointerWidth / 2}
+    L ${pointerLength ? x : pointerEdge}, ${pointerLength ? y : centerY + pointerWidth / 2}
+    L ${pointerEdge}, ${centerY + pointerWidth / 2}
+    L ${pointerEdge}, ${bottomEdge - cornerRadius}
+    A ${arc} ${pointerEdge + sign * cornerRadius}, ${bottomEdge}
+    L ${oppositeEdge - sign * cornerRadius}, ${bottomEdge}
+    A ${arc} ${oppositeEdge}, ${bottomEdge - cornerRadius}
+    L ${oppositeEdge}, ${topEdge + cornerRadius}
+    A ${arc} ${oppositeEdge - sign * cornerRadius}, ${topEdge}
+    L ${pointerEdge + sign * cornerRadius}, ${topEdge}
+    A ${arc} ${pointerEdge}, ${topEdge + cornerRadius}
+    z`;
 };
-
-var getFlyoutPath = function (props) {
-  var orientation = props.orientation || "top";
+const getFlyoutPath = props => {
+  const orientation = props.orientation || "top";
   return orientation === "left" || orientation === "right" ? getHorizontalPath(props) : getVerticalPath(props);
 };
-
-var evaluateProps = function (props) {
+const evaluateProps = props => {
   /**
    * Potential evaluated props are:
    * `id`
    * `style`
    */
-  var id = _victoryCore.Helpers.evaluateProp(props.id, props);
-
-  var style = _victoryCore.Helpers.evaluateStyle(props.style, props);
-
-  return _objectSpread(_objectSpread({}, props), {}, {
-    id: id,
-    style: style
-  });
+  const id = _victoryCore.Helpers.evaluateProp(props.id, props);
+  const style = _victoryCore.Helpers.evaluateStyle(props.style, props);
+  return {
+    ...props,
+    id,
+    style
+  };
 };
-
-var defaultProps = {
+const defaultProps = {
   pathComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.Path, null),
   role: "presentation",
   shapeRendering: "auto"
 };
+const Flyout = initialProps => {
+  const props = evaluateProps({
+    ...defaultProps,
+    ...initialProps
+  });
+  const userProps = _victoryCore.UserProps.getSafeUserProps(props);
 
-var Flyout = function (initialProps) {
-  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
-
-  var userProps = _victoryCore.UserProps.getSafeUserProps(props); // check for required props for this subcomponent
+  // check for required props for this subcomponent
   // they should be passed in from the wrapper
-
-
   _victoryCore.UserProps.assert(props.height, "Flyout props[height] is undefined");
-
   _victoryCore.UserProps.assert(props.width, "Flyout props[width] is undefined");
-
   _victoryCore.UserProps.assert(props.x, "Flyout props[x] is undefined");
-
   _victoryCore.UserProps.assert(props.y, "Flyout props[y] is undefined");
-
-  var flyoutPathProps = {
+  const flyoutPathProps = {
     center: props.center || {
       x: 0,
       y: 0
@@ -119,7 +127,9 @@ var Flyout = function (initialProps) {
     x: props.x,
     y: props.y
   };
-  return /*#__PURE__*/_react.default.cloneElement(props.pathComponent, _objectSpread(_objectSpread(_objectSpread({}, props.events), userProps), {}, {
+  return /*#__PURE__*/_react.default.cloneElement(props.pathComponent, {
+    ...props.events,
+    ...userProps,
     style: props.style,
     d: getFlyoutPath(flyoutPathProps),
     className: props.className,
@@ -127,7 +137,6 @@ var Flyout = function (initialProps) {
     role: props.role,
     transform: props.transform,
     clipPath: props.clipPath
-  }));
+  });
 };
-
 exports.Flyout = Flyout;

package/lib/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _victoryTooltip = require("./victory-tooltip");
-
 Object.keys(_victoryTooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _victoryTooltip[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_victoryTooltip).forEach(function (key) {
     }
   });
 });
-
 var _flyout = require("./flyout");
-
 Object.keys(_flyout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _flyout[key]) return;