victory-tooltip 36.8.2 → 36.8.4

package/lib/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/lib/index.js

@@ -3,21 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Flyout", {
-  enumerable: true,
-  get: function () {
-    return _flyout.default;
-  }
-});
-Object.defineProperty(exports, "VictoryTooltip", {
-  enumerable: true,
-  get: function () {
-    return _victoryTooltip.default;
-  }
-});
 
-var _victoryTooltip = _interopRequireDefault(require("./victory-tooltip"));
+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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _victoryTooltip[key];
+    }
+  });
+});
 
-var _flyout = _interopRequireDefault(require("./flyout"));
+var _flyout = require("./flyout");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+Object.keys(_flyout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _flyout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _flyout[key];
+    }
+  });
+});

package/lib/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/lib/victory-tooltip.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.VictoryTooltip = void 0;
 
 var _orderBy2 = _interopRequireDefault(require("lodash/orderBy"));
 
@@ -17,11 +17,9 @@ var _assign2 = _interopRequireDefault(require("lodash/assign"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _victoryCore = require("victory-core");
 
-var _flyout = _interopRequireDefault(require("./flyout"));
+var _flyout = require("./flyout");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,6 +35,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); } }
@@ -74,6 +78,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, VictoryTooltip);
 
     _this = _super.call(this, props);
+    _this.id = void 0;
     _this.id = props.id === undefined ? (0, _uniqueId2.default)("tooltip-") : props.id;
     return _this;
   }
@@ -91,16 +96,16 @@ 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 = _victoryCore.LabelHelpers.getDegrees(props, datum);
+    value: function getPolarOrientation(props) {
+      var degrees = _victoryCore.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";
@@ -159,6 +164,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((0, _assign2.default)({}, props, {
         active: active,
         text: text
@@ -227,9 +240,9 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
         pointerWidth: pointerWidth,
         pointerLength: pointerLength
       });
-      var offsetX = (0, _isPlainObject2.default)(centerOffset) && centerOffset.x !== undefined ? _victoryCore.Helpers.evaluateProp(centerOffset.x, evaluatedProps) : 0;
-      var offsetY = (0, _isPlainObject2.default)(centerOffset) && centerOffset.y !== undefined ? _victoryCore.Helpers.evaluateProp(centerOffset.y, evaluatedProps) : 0;
-      return (0, _assign2.default)({}, evaluatedProps, {
+      var offsetX = (0, _isPlainObject2.default)(centerOffset) && (centerOffset === null || centerOffset === void 0 ? void 0 : centerOffset.x) !== undefined ? _victoryCore.Helpers.evaluateProp(centerOffset.x, evaluatedProps) : 0;
+      var offsetY = (0, _isPlainObject2.default)(centerOffset) && (centerOffset === null || centerOffset === void 0 ? void 0 : centerOffset.y) !== undefined ? _victoryCore.Helpers.evaluateProp(centerOffset.y, evaluatedProps) : 0;
+      return _objectSpread(_objectSpread({}, evaluatedProps), {}, {
         centerOffset: {
           x: offsetX,
           y: offsetY
@@ -274,8 +287,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) {
@@ -292,7 +304,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
 
       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;
@@ -395,8 +407,8 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
       };
 
       return {
-        flyoutHeight: flyoutHeight ? _victoryCore.Helpers.evaluateProp(flyoutHeight, props) : getHeight(props, labelSize, orientation),
-        flyoutWidth: flyoutWidth ? _victoryCore.Helpers.evaluateProp(flyoutWidth, props) : getWidth(props, labelSize, orientation)
+        flyoutHeight: flyoutHeight ? _victoryCore.Helpers.evaluateProp(flyoutHeight, props) : getHeight(),
+        flyoutWidth: flyoutWidth ? _victoryCore.Helpers.evaluateProp(flyoutWidth, props) : getWidth()
       };
     }
   }, {
@@ -518,7 +530,7 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
       var renderInPortal = props.renderInPortal;
 
       if (!active) {
-        return renderInPortal ? /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryPortal, null, null) : null;
+        return renderInPortal ? /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryPortal, null) : null;
       }
 
       var evaluatedProps = this.getEvaluatedProps(props);
@@ -547,67 +559,14 @@ var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
   return VictoryTooltip;
 }(_react.default.Component);
 
-exports.default = VictoryTooltip;
+exports.VictoryTooltip = VictoryTooltip;
 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,
-  angle: _propTypes.default.number,
-  center: _propTypes.default.shape({
-    x: _victoryCore.PropTypes.nonNegative,
-    y: _victoryCore.PropTypes.nonNegative
-  }),
-  centerOffset: _propTypes.default.shape({
-    x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-    y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func])
-  }),
-  constrainToVisibleArea: _propTypes.default.bool,
-  cornerRadius: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
-  data: _propTypes.default.array,
-  datum: _propTypes.default.object,
-  dx: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-  dy: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-  events: _propTypes.default.object,
-  flyoutComponent: _propTypes.default.element,
-  flyoutHeight: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
-  flyoutPadding: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.shape({
-    top: _propTypes.default.number,
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number
-  })]),
-  flyoutStyle: _propTypes.default.object,
-  flyoutWidth: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
-  groupComponent: _propTypes.default.element,
-  height: _propTypes.default.number,
-  horizontal: _propTypes.default.bool,
-  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  index: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  labelComponent: _propTypes.default.element,
-  orientation: _propTypes.default.oneOfType([_propTypes.default.oneOf(["top", "bottom", "left", "right"]), _propTypes.default.func]),
-  pointerLength: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
-  pointerOrientation: _propTypes.default.oneOfType([_propTypes.default.oneOf(["top", "bottom", "left", "right"]), _propTypes.default.func]),
-  pointerWidth: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
-  polar: _propTypes.default.bool,
-  renderInPortal: _propTypes.default.bool,
-  scale: _propTypes.default.shape({
-    x: _victoryCore.PropTypes.scale,
-    y: _victoryCore.PropTypes.scale
-  }),
-  style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
-  text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.func, _propTypes.default.array]),
-  theme: _propTypes.default.object,
-  width: _propTypes.default.number,
-  x: _propTypes.default.number,
-  y: _propTypes.default.number
-};
 VictoryTooltip.defaultProps = {
   active: false,
   renderInPortal: true,
   labelComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryLabel, null),
-  flyoutComponent: /*#__PURE__*/_react.default.createElement(_flyout.default, null),
+  flyoutComponent: /*#__PURE__*/_react.default.createElement(_flyout.Flyout, null),
   groupComponent: /*#__PURE__*/_react.default.createElement("g", null)
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-tooltip",
-  "version": "36.8.2",
+  "version": "36.8.4",
   "description": "Tooltip Component for Victory",
   "keywords": [
     "data visualization",
@@ -22,7 +22,10 @@
   "dependencies": {
     "lodash": "^4.17.19",
     "prop-types": "^15.8.1",
-    "victory-core": "^36.8.2"
+    "victory-core": "^36.8.4"
+  },
+  "devDependencies": {
+    "victory-tooltip": "*"
   },
   "peerDependencies": {
     "react": ">=16.6.0"