victory-tooltip 36.4.1 → 36.5.2

package/lib/victory-tooltip.js

@@ -45,7 +45,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -55,9 +55,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var fallbackProps = {
   cornerRadius: 5,
@@ -550,12 +548,9 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 
 exports.default = VictoryTooltip;
-
-_defineProperty(VictoryTooltip, "displayName", "VictoryTooltip");
-
-_defineProperty(VictoryTooltip, "role", "tooltip");
-
-_defineProperty(VictoryTooltip, "propTypes", {
+VictoryTooltip.displayName = "VictoryTooltip";
+VictoryTooltip.role = "tooltip";
+VictoryTooltip.propTypes = {
   activateData: _propTypes.default.bool,
   active: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
   activePoints: _propTypes.default.array,
@@ -607,17 +602,16 @@ _defineProperty(VictoryTooltip, "propTypes", {
   width: _propTypes.default.number,
   x: _propTypes.default.number,
   y: _propTypes.default.number
-});
-
-_defineProperty(VictoryTooltip, "defaultProps", {
+};
+VictoryTooltip.defaultProps = {
   active: false,
   renderInPortal: true,
   labelComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryLabel, null),
   flyoutComponent: /*#__PURE__*/_react.default.createElement(_flyout.default, null),
   groupComponent: /*#__PURE__*/_react.default.createElement("g", null)
-});
+};
 
-_defineProperty(VictoryTooltip, "defaultEvents", function (props) {
+VictoryTooltip.defaultEvents = function (props) {
   var activate = props.activateData ? [{
     target: "labels",
     mutation: function () {
@@ -685,4 +679,5 @@ _defineProperty(VictoryTooltip, "defaultEvents", function (props) {
       }
     }
   }];
-});
+};
+//# sourceMappingURL=victory-tooltip.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-tooltip",
-  "version": "36.4.1",
+  "version": "36.5.2",
   "description": "Tooltip Component for Victory",
   "keywords": [
     "data visualization",
@@ -21,14 +21,14 @@
   "dependencies": {
     "lodash": "^4.17.19",
     "prop-types": "^15.8.1",
-    "victory-core": "^36.4.1"
+    "victory-core": "^36.5.2"
   },
   "peerDependencies": {
-    "react": "^16.6.0 || ^17.0.0"
+    "react": ">=16.6.0"
   },
   "scripts": {
     "version": "yarn run nps build-libs && nps build-dists"
   },
   "sideEffects": false,
-  "gitHead": "aa44a22e5a93989773a560f765f83ac151f44c46"
+  "gitHead": "def218e9749ecafc159ef458dd03a8b92e227666"
 }

package/src/flyout.js

@@ -98,7 +98,7 @@ const Flyout = (props) => {
     shapeRendering: props.shapeRendering,
     role: props.role,
     transform: props.transform,
-    clipPath: props.clipPath
+    clipPath: props.clipPath,
   });
 };
 
@@ -116,13 +116,13 @@ Flyout.propTypes = {
   pointerWidth: PropTypes.number,
   width: PropTypes.number,
   x: PropTypes.number,
-  y: PropTypes.number
+  y: PropTypes.number,
 };
 
 Flyout.defaultProps = {
   pathComponent: <Path />,
   role: "presentation",
-  shapeRendering: "auto"
+  shapeRendering: "auto",
 };
 
 export default Flyout;

package/src/index.d.ts

@@ -9,7 +9,7 @@ import {
   VictoryStyleObject,
   VictoryLabelStyleObject,
   PaddingOrCallback,
-  EventPropTypeInterface
+  EventPropTypeInterface,
 } from "victory-core";
 
 export interface VictoryTooltipProps extends VictoryLabelableProps {

package/src/victory-tooltip.js

@@ -7,7 +7,7 @@ import {
   LabelHelpers,
   VictoryLabel,
   VictoryTheme,
-  VictoryPortal
+  VictoryPortal,
 } from "victory-core";
 import Flyout from "./flyout";
 import { assign, defaults, uniqueId, isPlainObject, orderBy } from "lodash";
@@ -15,7 +15,7 @@ import { assign, defaults, uniqueId, isPlainObject, orderBy } from "lodash";
 const fallbackProps = {
   cornerRadius: 5,
   pointerLength: 10,
-  pointerWidth: 10
+  pointerWidth: 10,
 };
 
 export default class VictoryTooltip extends React.Component {
@@ -28,16 +28,16 @@ export default class VictoryTooltip extends React.Component {
     angle: PropTypes.number,
     center: PropTypes.shape({
       x: CustomPropTypes.nonNegative,
-      y: CustomPropTypes.nonNegative
+      y: CustomPropTypes.nonNegative,
     }),
     centerOffset: PropTypes.shape({
       x: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-      y: PropTypes.oneOfType([PropTypes.number, PropTypes.func])
+      y: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
     }),
     constrainToVisibleArea: PropTypes.bool,
     cornerRadius: PropTypes.oneOfType([
       CustomPropTypes.nonNegative,
-      PropTypes.func
+      PropTypes.func,
     ]),
     data: PropTypes.array,
     datum: PropTypes.object,
@@ -47,7 +47,7 @@ export default class VictoryTooltip extends React.Component {
     flyoutComponent: PropTypes.element,
     flyoutHeight: PropTypes.oneOfType([
       CustomPropTypes.nonNegative,
-      PropTypes.func
+      PropTypes.func,
     ]),
     flyoutPadding: PropTypes.oneOfType([
       PropTypes.func,
@@ -56,13 +56,13 @@ export default class VictoryTooltip extends React.Component {
         top: PropTypes.number,
         bottom: PropTypes.number,
         left: PropTypes.number,
-        right: PropTypes.number
-      })
+        right: PropTypes.number,
+      }),
     ]),
     flyoutStyle: PropTypes.object,
     flyoutWidth: PropTypes.oneOfType([
       CustomPropTypes.nonNegative,
-      PropTypes.func
+      PropTypes.func,
     ]),
     groupComponent: PropTypes.element,
     height: PropTypes.number,
@@ -72,37 +72,37 @@ export default class VictoryTooltip extends React.Component {
     labelComponent: PropTypes.element,
     orientation: PropTypes.oneOfType([
       PropTypes.oneOf(["top", "bottom", "left", "right"]),
-      PropTypes.func
+      PropTypes.func,
     ]),
     pointerLength: PropTypes.oneOfType([
       CustomPropTypes.nonNegative,
-      PropTypes.func
+      PropTypes.func,
     ]),
     pointerOrientation: PropTypes.oneOfType([
       PropTypes.oneOf(["top", "bottom", "left", "right"]),
-      PropTypes.func
+      PropTypes.func,
     ]),
     pointerWidth: PropTypes.oneOfType([
       CustomPropTypes.nonNegative,
-      PropTypes.func
+      PropTypes.func,
     ]),
     polar: PropTypes.bool,
     renderInPortal: PropTypes.bool,
     scale: PropTypes.shape({
       x: CustomPropTypes.scale,
-      y: CustomPropTypes.scale
+      y: CustomPropTypes.scale,
     }),
     style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
     text: PropTypes.oneOfType([
       PropTypes.string,
       PropTypes.number,
       PropTypes.func,
-      PropTypes.array
+      PropTypes.array,
     ]),
     theme: PropTypes.object,
     width: PropTypes.number,
     x: PropTypes.number,
-    y: PropTypes.number
+    y: PropTypes.number,
   };
 
   static defaultProps = {
@@ -110,20 +110,20 @@ export default class VictoryTooltip extends React.Component {
     renderInPortal: true,
     labelComponent: <VictoryLabel />,
     flyoutComponent: <Flyout />,
-    groupComponent: <g />
+    groupComponent: <g />,
   };
 
   static defaultEvents = (props) => {
     const activate = props.activateData
       ? [
           { target: "labels", mutation: () => ({ active: true }) },
-          { target: "data", mutation: () => ({ active: true }) }
+          { target: "data", mutation: () => ({ active: true }) },
         ]
       : [{ target: "labels", mutation: () => ({ active: true }) }];
     const deactivate = props.activateData
       ? [
           { target: "labels", mutation: () => ({ active: undefined }) },
-          { target: "data", mutation: () => ({ active: undefined }) }
+          { target: "data", mutation: () => ({ active: undefined }) },
         ]
       : [{ target: "labels", mutation: () => ({ active: undefined }) }];
     return [
@@ -135,9 +135,9 @@ export default class VictoryTooltip extends React.Component {
           onTouchStart: () => activate,
           onMouseOut: () => deactivate,
           onBlur: () => deactivate,
-          onTouchEnd: () => deactivate
-        }
-      }
+          onTouchEnd: () => deactivate,
+        },
+      },
     ];
   };
 
@@ -203,7 +203,7 @@ export default class VictoryTooltip extends React.Component {
       : Helpers.evaluateStyle(baseLabelStyle, props);
     const flyoutStyle = Helpers.evaluateStyle(
       baseFlyoutStyle,
-      assign({}, props, { style })
+      assign({}, props, { style }),
     );
     return { style, flyoutStyle };
   }
@@ -214,33 +214,33 @@ export default class VictoryTooltip extends React.Component {
     const active = Helpers.evaluateProp(props.active, props);
     const text = Helpers.evaluateProp(
       props.text,
-      assign({}, props, { active })
+      assign({}, props, { active }),
     );
     const { style, flyoutStyle } = this.getStyles(
-      assign({}, props, { active, text })
+      assign({}, props, { active, text }),
     );
     const orientation =
       Helpers.evaluateProp(
         props.orientation,
-        assign({}, props, { active, text, style, flyoutStyle })
+        assign({}, props, { active, text, style, flyoutStyle }),
       ) || this.getDefaultOrientation(props);
 
     const padding =
       Helpers.evaluateProp(
         props.flyoutPadding,
-        assign({}, props, { active, text, style, flyoutStyle, orientation })
+        assign({}, props, { active, text, style, flyoutStyle, orientation }),
       ) || this.getLabelPadding(style);
 
     const flyoutPadding = Helpers.getPadding({ padding });
 
     const pointerWidth = Helpers.evaluateProp(
       props.pointerWidth,
-      assign({}, props, { active, text, style, flyoutStyle, orientation })
+      assign({}, props, { active, text, style, flyoutStyle, orientation }),
     );
 
     const pointerLength = Helpers.evaluateProp(
       props.pointerLength,
-      assign({}, props, { active, text, style, flyoutStyle, orientation })
+      assign({}, props, { active, text, style, flyoutStyle, orientation }),
     );
     const labelSize = TextSize.approximateTextSize(text, style);
 
@@ -253,9 +253,9 @@ export default class VictoryTooltip extends React.Component {
         orientation,
         flyoutPadding,
         pointerWidth,
-        pointerLength
+        pointerLength,
       }),
-      labelSize
+      labelSize,
     );
 
     const evaluatedProps = assign({}, props, {
@@ -268,7 +268,7 @@ export default class VictoryTooltip extends React.Component {
       flyoutWidth,
       flyoutPadding,
       pointerWidth,
-      pointerLength
+      pointerLength,
     });
 
     const offsetX =
@@ -285,7 +285,7 @@ export default class VictoryTooltip extends React.Component {
       centerOffset: { x: offsetX, y: offsetY },
       dx: dx !== undefined ? Helpers.evaluateProp(dx, evaluatedProps) : 0,
       dy: dy !== undefined ? Helpers.evaluateProp(dy, evaluatedProps) : 0,
-      cornerRadius: Helpers.evaluateProp(cornerRadius, evaluatedProps)
+      cornerRadius: Helpers.evaluateProp(cornerRadius, evaluatedProps),
     });
   }
 
@@ -301,7 +301,7 @@ export default class VictoryTooltip extends React.Component {
       labelSize,
       flyoutDimensions,
       flyoutCenter,
-      transform
+      transform,
     };
   }
 
@@ -338,25 +338,25 @@ export default class VictoryTooltip extends React.Component {
     const { width, height } = dimensions;
     const extent = {
       x: [0, props.width],
-      y: [0, props.height]
+      y: [0, props.height],
     };
     const flyoutExtent = {
       x: [x - width / 2, x + width / 2],
-      y: [y - height / 2, y + height / 2]
+      y: [y - height / 2, y + height / 2],
     };
     const adjustments = {
       x: [
         flyoutExtent.x[0] < extent.x[0] ? extent.x[0] - flyoutExtent.x[0] : 0,
-        flyoutExtent.x[1] > extent.x[1] ? flyoutExtent.x[1] - extent.x[1] : 0
+        flyoutExtent.x[1] > extent.x[1] ? flyoutExtent.x[1] - extent.x[1] : 0,
       ],
       y: [
         flyoutExtent.y[0] < extent.y[0] ? extent.y[0] - flyoutExtent.y[0] : 0,
-        flyoutExtent.y[1] > extent.y[1] ? flyoutExtent.y[1] - extent.y[1] : 0
-      ]
+        flyoutExtent.y[1] > extent.y[1] ? flyoutExtent.y[1] - extent.y[1] : 0,
+      ],
     };
     return {
       x: Math.round(x + adjustments.x[0] - adjustments.x[1]),
-      y: Math.round(y + adjustments.y[0] - adjustments.y[1])
+      y: Math.round(y + adjustments.y[0] - adjustments.y[1]),
     };
   }
 
@@ -370,7 +370,7 @@ export default class VictoryTooltip extends React.Component {
       pointerLength,
       orientation,
       constrainToVisibleArea,
-      centerOffset
+      centerOffset,
     } = props;
     const { height, width } = dimensions;
     const xSign = orientation === "left" ? -1 : 1;
@@ -383,7 +383,7 @@ export default class VictoryTooltip extends React.Component {
       y:
         orientation === "top" || orientation === "bottom"
           ? y - ySign * (pointerLength + height / 2 - ySign * dy)
-          : y + dy
+          : y + dy,
     };
 
     const center = {
@@ -394,12 +394,12 @@ export default class VictoryTooltip extends React.Component {
       y:
         isPlainObject(props.center) && props.center.y !== undefined
           ? props.center.y
-          : flyoutCenter.y
+          : flyoutCenter.y,
     };
 
     const centerWithOffset = {
       x: center.x + centerOffset.x,
-      y: center.y + centerOffset.y
+      y: center.y + centerOffset.y,
     };
 
     return constrainToVisibleArea
@@ -424,7 +424,7 @@ export default class VictoryTooltip extends React.Component {
       pointerWidth,
       flyoutHeight,
       flyoutWidth,
-      flyoutPadding
+      flyoutPadding,
     } = props;
     const cornerRadius = Helpers.evaluateProp(props.cornerRadius, props);
     const getHeight = () => {
@@ -453,7 +453,7 @@ export default class VictoryTooltip extends React.Component {
         : getHeight(props, labelSize, orientation),
       flyoutWidth: flyoutWidth
         ? Helpers.evaluateProp(flyoutWidth, props)
-        : getWidth(props, labelSize, orientation)
+        : getWidth(props, labelSize, orientation),
     };
   }
 
@@ -484,7 +484,7 @@ export default class VictoryTooltip extends React.Component {
       x: getLabelX() + (flyoutPadding.left - flyoutPadding.right) / 2,
       y: flyoutCenter.y + (flyoutPadding.top - flyoutPadding.bottom) / 2,
       verticalAnchor: "middle",
-      angle: style.angle
+      angle: style.angle,
     });
   }
 
@@ -493,20 +493,20 @@ export default class VictoryTooltip extends React.Component {
       bottom: center.y + flyoutDimensions.height / 2,
       top: center.y - flyoutDimensions.height / 2,
       left: center.x - flyoutDimensions.width / 2,
-      right: center.x + flyoutDimensions.width / 2
+      right: center.x + flyoutDimensions.width / 2,
     };
 
     const gaps = [
       { side: "top", val: edges.top > point.y ? edges.top - point.y : -1 },
       {
         side: "bottom",
-        val: edges.bottom < point.y ? point.y - edges.bottom : -1
+        val: edges.bottom < point.y ? point.y - edges.bottom : -1,
       },
       {
         side: "right",
-        val: edges.right < point.x ? point.x - edges.right : -1
+        val: edges.right < point.x ? point.x - edges.right : -1,
       },
-      { side: "left", val: edges.left > point.x ? edges.left - point.x : -1 }
+      { side: "left", val: edges.left > point.x ? edges.left - point.x : -1 },
     ];
 
     return orderBy(gaps, "val", "desc")[0].side;
@@ -526,11 +526,11 @@ export default class VictoryTooltip extends React.Component {
       pointerWidth,
       cornerRadius,
       events,
-      flyoutComponent
+      flyoutComponent,
     } = props;
     const pointerOrientation = Helpers.evaluateProp(
       props.pointerOrientation,
-      props
+      props,
     );
     return defaults({}, flyoutComponent.props, {
       x,
@@ -551,7 +551,7 @@ export default class VictoryTooltip extends React.Component {
       width: flyoutDimensions.width,
       height: flyoutDimensions.height,
       style: flyoutStyle,
-      center: flyoutCenter
+      center: flyoutCenter,
     });
   }
 
@@ -568,17 +568,17 @@ export default class VictoryTooltip extends React.Component {
     const children = [
       React.cloneElement(
         flyoutComponent,
-        this.getFlyoutProps(evaluatedProps, calculatedValues)
+        this.getFlyoutProps(evaluatedProps, calculatedValues),
       ),
       React.cloneElement(
         labelComponent,
-        this.getLabelProps(evaluatedProps, calculatedValues)
-      )
+        this.getLabelProps(evaluatedProps, calculatedValues),
+      ),
     ];
     const tooltip = React.cloneElement(
       groupComponent,
       { role: "presentation", transform: calculatedValues.transform },
-      children
+      children,
     );
     return renderInPortal ? <VictoryPortal>{tooltip}</VictoryPortal> : tooltip;
   }