victory-tooltip 36.9.2-next.3 → 37.0.0

package/es/flyout.js

@@ -1,90 +1,110 @@
-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; }
-
 import React from "react";
 import { Helpers, Path, UserProps } from "victory-core";
-
-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 = Helpers.evaluateProp(props.id, props);
-  var style = Helpers.evaluateStyle(props.style, props);
-  return _objectSpread(_objectSpread({}, props), {}, {
-    id: id,
-    style: style
-  });
+  const id = Helpers.evaluateProp(props.id, props);
+  const style = Helpers.evaluateStyle(props.style, props);
+  return {
+    ...props,
+    id,
+    style
+  };
 };
-
-var defaultProps = {
+const defaultProps = {
   pathComponent: /*#__PURE__*/React.createElement(Path, null),
   role: "presentation",
   shapeRendering: "auto"
 };
-export var Flyout = function (initialProps) {
-  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
-  var userProps = UserProps.getSafeUserProps(props); // check for required props for this subcomponent
-  // they should be passed in from the wrapper
+export const Flyout = initialProps => {
+  const props = evaluateProps({
+    ...defaultProps,
+    ...initialProps
+  });
+  const userProps = UserProps.getSafeUserProps(props);
 
+  // check for required props for this subcomponent
+  // they should be passed in from the wrapper
   UserProps.assert(props.height, "Flyout props[height] is undefined");
   UserProps.assert(props.width, "Flyout props[width] is undefined");
   UserProps.assert(props.x, "Flyout props[x] is undefined");
   UserProps.assert(props.y, "Flyout props[y] is undefined");
-  var flyoutPathProps = {
+  const flyoutPathProps = {
     center: props.center || {
       x: 0,
       y: 0
@@ -100,7 +120,9 @@ export var Flyout = function (initialProps) {
     x: props.x,
     y: props.y
   };
-  return /*#__PURE__*/React.cloneElement(props.pathComponent, _objectSpread(_objectSpread(_objectSpread({}, props.events), userProps), {}, {
+  return /*#__PURE__*/React.cloneElement(props.pathComponent, {
+    ...props.events,
+    ...userProps,
     style: props.style,
     d: getFlyoutPath(flyoutPathProps),
     className: props.className,
@@ -108,5 +130,5 @@ export var Flyout = function (initialProps) {
     role: props.role,
     transform: props.transform,
     clipPath: props.clipPath
-  }));
+  });
 };

package/es/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./victory-tooltip";
-export * from "./flyout";
+export * from "./victory-tooltip";
+export * from "./flyout";
 //# sourceMappingURL=index.d.ts.map

package/es/victory-tooltip.d.ts

@@ -1,138 +1,138 @@
-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[];
-};
-declare type EventHandlers = Record<string, (props?: any) => {
-    target: string;
-    mutation: () => {
-        active?: boolean | undefined;
-    };
-}[]>;
-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: EventHandlers;
-    }[];
-    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 {};
+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[];
+};
+declare type EventHandlers = Record<string, (props?: any) => {
+    target: string;
+    mutation: () => {
+        active?: boolean | undefined;
+    };
+}[]>;
+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: EventHandlers;
+    }[];
+    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