victory-tooltip 36.8.2 → 36.8.3

package/es/index.d.ts

@@ -1,92 +1,3 @@
-import * as React from "react";
-import {
-  OrientationTypes,
-  NumberOrCallback,
-  StringOrNumberOrCallback,
-  VictoryCommonProps,
-  VictoryLabelableProps,
-  VictoryThemeDefinition,
-  VictoryStyleObject,
-  VictoryLabelStyleObject,
-  PaddingOrCallback,
-  EventPropTypeInterface,
-} from "victory-core";
-
-export interface VictoryTooltipProps extends VictoryLabelableProps {
-  active?: boolean;
-  activateData?: boolean;
-  activePoints?: any[];
-  angle?: string | number;
-  center?: { x: number | undefined; y: number | undefined };
-  centerOffset?: {
-    x?: NumberOrCallback;
-    y?: NumberOrCallback;
-  };
-  constrainToVisibleArea?: boolean;
-  cornerRadius?: NumberOrCallback;
-  datum?: {};
-  data?: any[];
-  dx?: NumberOrCallback;
-  dy?: NumberOrCallback;
-  groupComponent?: React.ReactElement;
-  height?: number;
-  horizontal?: boolean;
-  events?: { [key: string]: (event: React.SyntheticEvent<any>) => void };
-  flyoutHeight?: NumberOrCallback;
-  flyoutWidth?: NumberOrCallback;
-  flyoutStyle?: VictoryStyleObject;
-  flyoutComponent?: React.ReactElement;
-  flyoutPadding?: PaddingOrCallback;
-  index?: number | string;
-  orientation?: OrientationTypes | ((...args: any[]) => OrientationTypes);
-  pointerLength?: NumberOrCallback;
-  pointerOrientation?:
-    | OrientationTypes
-    | ((...args: any[]) => OrientationTypes);
-  pointerWidth?: NumberOrCallback;
-  renderInPortal?: boolean;
-  style?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
-  text?: StringOrNumberOrCallback | string[] | number[];
-  theme?: VictoryThemeDefinition;
-  width?: number;
-  x?: number;
-  y?: number;
-}
-
-export interface FlyoutProps extends VictoryCommonProps {
-  active?: boolean;
-  center?: {
-    x?: number;
-    y?: number;
-  };
-  className?: string;
-  cornerRadius?: number;
-  data?: any[];
-  datum?: object;
-  dx?: number;
-  dy?: number;
-  events?: object;
-  height?: number;
-  id?: string | number;
-  index?: number;
-  orientation?: OrientationTypes;
-  pathComponent?: React.ReactElement;
-  pointerLength?: number;
-  pointerWidth?: number;
-  role?: string;
-  shapeRendering?: string;
-  style?: VictoryStyleObject;
-  transform?: string;
-  width?: number;
-  x?: number;
-  y?: number;
-}
-
-export class Flyout extends React.Component<FlyoutProps, any> {}
-
-export class VictoryTooltip extends React.Component<VictoryTooltipProps, any> {
-  static defaultEvents: EventPropTypeInterface<
-    string,
-    StringOrNumberOrCallback
-  >[];
-}
+export * from "./victory-tooltip";
+export * from "./flyout";
+//# sourceMappingURL=index.d.ts.map

package/es/index.js

@@ -1,2 +1,2 @@
-export { default as VictoryTooltip } from "./victory-tooltip";
-export { default as Flyout } from "./flyout";
+export * from "./victory-tooltip";
+export * from "./flyout";

package/es/victory-tooltip.d.ts

@@ -0,0 +1,169 @@
+import React from "react";
+import { VictoryLabelableProps, VictoryLabelProps, VictoryLabelStyleObject, NumberOrCallback, PaddingOrCallback, VictoryStyleObject, OrientationTypes, VictoryThemeDefinition } from "victory-core";
+export interface VictoryTooltipProps extends VictoryLabelableProps, VictoryLabelProps {
+    activateData?: boolean;
+    active?: boolean;
+    activePoints?: any[];
+    angle?: number;
+    center?: {
+        x?: number;
+        y?: number;
+    };
+    centerOffset?: {
+        x?: NumberOrCallback;
+        y?: NumberOrCallback;
+    };
+    constrainToVisibleArea?: boolean;
+    cornerRadius?: NumberOrCallback;
+    events?: any;
+    height?: number;
+    horizontal?: boolean;
+    flyoutComponent?: React.ReactElement;
+    flyoutHeight?: NumberOrCallback;
+    flyoutPadding?: PaddingOrCallback;
+    flyoutStyle?: VictoryStyleObject;
+    flyoutWidth?: NumberOrCallback;
+    id?: number | string;
+    index?: number | string;
+    orientation?: OrientationTypes | ((...args: any[]) => OrientationTypes);
+    pointerLength?: NumberOrCallback;
+    pointerOrientation?: OrientationTypes | ((...args: any[]) => OrientationTypes);
+    pointerWidth?: NumberOrCallback;
+    style?: (VictoryLabelStyleObject & {
+        angle?: number;
+    }) | VictoryLabelStyleObject[];
+    theme?: VictoryThemeDefinition;
+    width?: number;
+}
+declare type InternalEvaluatedProps = VictoryTooltipProps & {
+    centerOffset: {
+        x: number;
+        y: number;
+    };
+    cornerRadius?: number;
+    dx?: string | number;
+    dy?: string | number;
+    flyoutHeight: number;
+    flyoutPadding: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    flyoutWidth: number;
+    orientation: OrientationTypes;
+    pointerLength?: number;
+    pointerWidth?: number;
+    style: any;
+    text: string | string[];
+};
+export declare class VictoryTooltip extends React.Component<VictoryTooltipProps> {
+    static displayName: string;
+    static role: string;
+    static defaultProps: {
+        active: boolean;
+        renderInPortal: boolean;
+        labelComponent: JSX.Element;
+        flyoutComponent: JSX.Element;
+        groupComponent: JSX.Element;
+    };
+    static defaultEvents: (props: VictoryTooltipProps) => {
+        target: string;
+        eventHandlers: {
+            onMouseOver: () => {
+                target: string;
+                mutation: () => {
+                    active: boolean;
+                };
+            }[];
+            onFocus: () => {
+                target: string;
+                mutation: () => {
+                    active: boolean;
+                };
+            }[];
+            onTouchStart: () => {
+                target: string;
+                mutation: () => {
+                    active: boolean;
+                };
+            }[];
+            onMouseOut: () => {
+                target: string;
+                mutation: () => {
+                    active: undefined;
+                };
+            }[];
+            onBlur: () => {
+                target: string;
+                mutation: () => {
+                    active: undefined;
+                };
+            }[];
+            onTouchEnd: () => {
+                target: string;
+                mutation: () => {
+                    active: undefined;
+                };
+            }[];
+        };
+    }[];
+    id: string | number;
+    constructor(props: VictoryTooltipProps);
+    getDefaultOrientation(props: VictoryTooltipProps): OrientationTypes;
+    getPolarOrientation(props: VictoryTooltipProps): OrientationTypes;
+    getVerticalOrientations(degrees: number): OrientationTypes;
+    getStyles(props: any): {
+        style: any;
+        flyoutStyle: any;
+    };
+    getEvaluatedProps(props: VictoryTooltipProps): InternalEvaluatedProps;
+    getCalculatedValues(props: InternalEvaluatedProps): {
+        style: any;
+        flyoutStyle?: VictoryStyleObject;
+        labelSize: {
+            width: number;
+            height: number;
+        };
+        flyoutDimensions: {
+            height: number;
+            width: number;
+        };
+        flyoutCenter: {
+            x: number;
+            y: number;
+        };
+        transform?: string;
+    };
+    getTransform(props: any): string | undefined;
+    getDefaultAngle(props: any): number;
+    constrainTooltip(center: any, props: any, dimensions: any): {
+        x: number;
+        y: number;
+    };
+    getFlyoutCenter(props: any, dimensions: any): {
+        x: any;
+        y: any;
+    };
+    getLabelPadding(style: any): number;
+    getDimensions(props: any, labelSize: any): {
+        flyoutHeight: any;
+        flyoutWidth: any;
+    };
+    getLabelProps(props: InternalEvaluatedProps, calculatedValues: any): any;
+    getPointerOrientation(point: {
+        x: number;
+        y: number;
+    }, center: {
+        x: number;
+        y: number;
+    }, flyoutDimensions: {
+        height: number;
+        width: number;
+    }): string;
+    getFlyoutProps(props: InternalEvaluatedProps, calculatedValues: any): any;
+    renderTooltip(props: VictoryTooltipProps): React.ReactElement | null;
+    render(): React.ReactElement | null;
+}
+export {};
+//# sourceMappingURL=victory-tooltip.d.ts.map

package/es/victory-tooltip.js

@@ -16,6 +16,12 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -36,17 +42,16 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+/* eslint-disable react/prop-types */
 import React from "react";
-import PropTypes from "prop-types";
-import { PropTypes as CustomPropTypes, TextSize, Helpers, LabelHelpers, VictoryLabel, VictoryTheme, VictoryPortal } from "victory-core";
-import Flyout from "./flyout";
+import { TextSize, Helpers, LabelHelpers, VictoryLabel, VictoryTheme, VictoryPortal } from "victory-core";
+import { Flyout } from "./flyout";
 var fallbackProps = {
   cornerRadius: 5,
   pointerLength: 10,
   pointerWidth: 10
 };
-
-var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
+export var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryTooltip, _React$Component);
 
   var _super = _createSuper(VictoryTooltip);
@@ -57,6 +62,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, VictoryTooltip);
 
     _this = _super.call(this, props);
+    _this.id = void 0;
     _this.id = props.id === undefined ? _uniqueId("tooltip-") : props.id;
     return _this;
   }
@@ -74,15 +80,15 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
         return datum && datum.y < 0 ? negative : positive;
       }
 
-      return this.getPolarOrientation(props, datum);
+      return this.getPolarOrientation(props);
     }
   }, {
     key: "getPolarOrientation",
-    value: function getPolarOrientation(props, datum) {
-      var degrees = LabelHelpers.getDegrees(props, datum);
+    value: function getPolarOrientation(props) {
+      var degrees = LabelHelpers.getDegrees(props, props.datum);
       var placement = props.labelPlacement || "vertical";
 
-      if (placement === " vertical") {
+      if (placement === "vertical") {
         return this.getVerticalOrientations(degrees);
       } else if (placement === "parallel") {
         return degrees < 90 || degrees > 270 ? "right" : "left";
@@ -137,6 +143,14 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
         active: active
       }));
 
+      if (text === undefined || text === null) {
+        text = "";
+      }
+
+      if (typeof text === "number") {
+        text = text.toString();
+      }
+
       var _this$getStyles = this.getStyles(_assign({}, props, {
         active: active,
         text: text
@@ -202,9 +216,9 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
         pointerLength: pointerLength
       });
 
-      var offsetX = _isPlainObject(centerOffset) && centerOffset.x !== undefined ? Helpers.evaluateProp(centerOffset.x, evaluatedProps) : 0;
-      var offsetY = _isPlainObject(centerOffset) && centerOffset.y !== undefined ? Helpers.evaluateProp(centerOffset.y, evaluatedProps) : 0;
-      return _assign({}, evaluatedProps, {
+      var offsetX = _isPlainObject(centerOffset) && (centerOffset === null || centerOffset === void 0 ? void 0 : centerOffset.x) !== undefined ? Helpers.evaluateProp(centerOffset.x, evaluatedProps) : 0;
+      var offsetY = _isPlainObject(centerOffset) && (centerOffset === null || centerOffset === void 0 ? void 0 : centerOffset.y) !== undefined ? Helpers.evaluateProp(centerOffset.y, evaluatedProps) : 0;
+      return _objectSpread(_objectSpread({}, evaluatedProps), {}, {
         centerOffset: {
           x: offsetX,
           y: offsetY
@@ -247,8 +261,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
       var labelStyle = style || {};
       var angle = labelStyle.angle || props.angle || this.getDefaultAngle(props);
       return angle ? "rotate(".concat(angle, " ").concat(x, " ").concat(y, ")") : undefined;
-    } // eslint-disable-next-line complexity
-
+    }
   }, {
     key: "getDefaultAngle",
     value: function getDefaultAngle(props) {
@@ -264,7 +277,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
       var degrees = LabelHelpers.getDegrees(props, datum);
       var sign = degrees > 90 && degrees < 180 || degrees > 270 ? 1 : -1;
       var labelRotation = labelPlacement === "perpendicular" ? 0 : 90;
-      var angle;
+      var angle = 0;
 
       if (degrees === 0 || degrees === 180) {
         angle = orientation === "top" && degrees === 180 ? 270 : 90;
@@ -366,8 +379,8 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
       };
 
       return {
-        flyoutHeight: flyoutHeight ? Helpers.evaluateProp(flyoutHeight, props) : getHeight(props, labelSize, orientation),
-        flyoutWidth: flyoutWidth ? Helpers.evaluateProp(flyoutWidth, props) : getWidth(props, labelSize, orientation)
+        flyoutHeight: flyoutHeight ? Helpers.evaluateProp(flyoutHeight, props) : getHeight(),
+        flyoutWidth: flyoutWidth ? Helpers.evaluateProp(flyoutWidth, props) : getWidth()
       };
     }
   }, {
@@ -486,7 +499,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
       var renderInPortal = props.renderInPortal;
 
       if (!active) {
-        return renderInPortal ? /*#__PURE__*/React.createElement(VictoryPortal, null, null) : null;
+        return renderInPortal ? /*#__PURE__*/React.createElement(VictoryPortal, null) : null;
       }
 
       var evaluatedProps = this.getEvaluatedProps(props);
@@ -511,62 +524,8 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
 
   return VictoryTooltip;
 }(React.Component);
-
 VictoryTooltip.displayName = "VictoryTooltip";
 VictoryTooltip.role = "tooltip";
-VictoryTooltip.propTypes = {
-  activateData: PropTypes.bool,
-  active: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
-  activePoints: PropTypes.array,
-  angle: PropTypes.number,
-  center: PropTypes.shape({
-    x: CustomPropTypes.nonNegative,
-    y: CustomPropTypes.nonNegative
-  }),
-  centerOffset: PropTypes.shape({
-    x: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-    y: PropTypes.oneOfType([PropTypes.number, PropTypes.func])
-  }),
-  constrainToVisibleArea: PropTypes.bool,
-  cornerRadius: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
-  data: PropTypes.array,
-  datum: PropTypes.object,
-  dx: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-  dy: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-  events: PropTypes.object,
-  flyoutComponent: PropTypes.element,
-  flyoutHeight: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
-  flyoutPadding: PropTypes.oneOfType([PropTypes.func, PropTypes.number, PropTypes.shape({
-    top: PropTypes.number,
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number
-  })]),
-  flyoutStyle: PropTypes.object,
-  flyoutWidth: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
-  groupComponent: PropTypes.element,
-  height: PropTypes.number,
-  horizontal: PropTypes.bool,
-  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  labelComponent: PropTypes.element,
-  orientation: PropTypes.oneOfType([PropTypes.oneOf(["top", "bottom", "left", "right"]), PropTypes.func]),
-  pointerLength: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
-  pointerOrientation: PropTypes.oneOfType([PropTypes.oneOf(["top", "bottom", "left", "right"]), PropTypes.func]),
-  pointerWidth: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
-  polar: PropTypes.bool,
-  renderInPortal: PropTypes.bool,
-  scale: PropTypes.shape({
-    x: CustomPropTypes.scale,
-    y: CustomPropTypes.scale
-  }),
-  style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.func, PropTypes.array]),
-  theme: PropTypes.object,
-  width: PropTypes.number,
-  x: PropTypes.number,
-  y: PropTypes.number
-};
 VictoryTooltip.defaultProps = {
   active: false,
   renderInPortal: true,
@@ -643,6 +602,4 @@ VictoryTooltip.defaultEvents = function (props) {
       }
     }
   }];
-};
-
-export { VictoryTooltip as default };
+};

package/lib/flyout.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { VictoryCommonProps, OrientationTypes, VictoryStyleObject, StringOrNumberOrCallback } from "victory-core";
+export interface FlyoutProps extends VictoryCommonProps {
+    active?: boolean;
+    center?: {
+        x: number;
+        y: number;
+    };
+    className?: string;
+    clipPath?: string;
+    cornerRadius?: number;
+    data?: any[];
+    datum?: object;
+    dx?: number;
+    dy?: number;
+    events?: object;
+    id?: StringOrNumberOrCallback;
+    index?: number;
+    orientation?: OrientationTypes;
+    pathComponent?: React.ReactElement;
+    pointerLength?: number;
+    pointerWidth?: number;
+    role?: string;
+    shapeRendering?: string;
+    style?: VictoryStyleObject;
+    transform?: string;
+    x?: number;
+    y?: number;
+}
+export declare const Flyout: React.FC<FlyoutProps>;
+//# sourceMappingURL=flyout.d.ts.map

package/lib/flyout.js

@@ -3,16 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _assign2 = _interopRequireDefault(require("lodash/assign"));
-
-var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
+exports.Flyout = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _victoryCore = require("victory-core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -33,8 +27,8 @@ var getVerticalPath = function (props) {
   var sign = orientation === "bottom" ? 1 : -1;
   var x = props.x + (props.dx || 0);
   var y = props.y + (props.dy || 0);
-  var centerX = (0, _isPlainObject2.default)(center) && center.x;
-  var centerY = (0, _isPlainObject2.default)(center) && center.y;
+  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;
@@ -55,8 +49,8 @@ var getHorizontalPath = function (props) {
   var sign = orientation === "left" ? 1 : -1;
   var x = props.x + (props.dx || 0);
   var y = props.y + (props.dy || 0);
-  var centerX = (0, _isPlainObject2.default)(center) && center.x;
-  var centerY = (0, _isPlainObject2.default)(center) && center.y;
+  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;
@@ -82,7 +76,7 @@ var evaluateProps = function (props) {
 
   var style = _victoryCore.Helpers.evaluateStyle(props.style, props);
 
-  return (0, _assign2.default)({}, props, {
+  return _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     style: style
   });
@@ -94,14 +88,40 @@ var defaultProps = {
   shapeRendering: "auto"
 };
 
-var Flyout = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), 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
+  // they should be passed in from the wrapper
+
 
-  var userProps = _victoryCore.UserProps.getSafeUserProps(props);
+  _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 = {
+    center: props.center || {
+      x: 0,
+      y: 0
+    },
+    cornerRadius: props.cornerRadius || 0,
+    dx: props.dx,
+    dy: props.dy,
+    height: props.height,
+    orientation: props.orientation || "top",
+    pointerLength: props.pointerLength || 0,
+    pointerWidth: props.pointerWidth || 0,
+    width: props.width,
+    x: props.x,
+    y: props.y
+  };
   return /*#__PURE__*/_react.default.cloneElement(props.pathComponent, _objectSpread(_objectSpread(_objectSpread({}, props.events), userProps), {}, {
     style: props.style,
-    d: getFlyoutPath(props),
+    d: getFlyoutPath(flyoutPathProps),
     className: props.className,
     shapeRendering: props.shapeRendering,
     role: props.role,
@@ -110,23 +130,4 @@ var Flyout = function (props) {
   }));
 };
 
-Flyout.propTypes = _objectSpread(_objectSpread({}, _victoryCore.CommonProps.primitiveProps), {}, {
-  center: _propTypes.default.shape({
-    x: _propTypes.default.number,
-    y: _propTypes.default.number
-  }),
-  cornerRadius: _propTypes.default.number,
-  datum: _propTypes.default.object,
-  dx: _propTypes.default.number,
-  dy: _propTypes.default.number,
-  height: _propTypes.default.number,
-  orientation: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
-  pathComponent: _propTypes.default.element,
-  pointerLength: _propTypes.default.number,
-  pointerWidth: _propTypes.default.number,
-  width: _propTypes.default.number,
-  x: _propTypes.default.number,
-  y: _propTypes.default.number
-});
-var _default = Flyout;
-exports.default = _default;
+exports.Flyout = Flyout;