victory-core 37.0.2 → 37.0.3-next.0

package/es/victory-portal/portal-context.d.ts

@@ -1,12 +1,13 @@
-import React from "react";
-export interface PortalContextValue {
-    portalRegister(): number;
-    portalUpdate(key: number, element: React.ReactElement): void;
-    portalDeregister(key: number): void;
-}
-/**
- * The React context object consumers may use to access the context of the
- * portal.
- */
-export declare const PortalContext: React.Context<PortalContextValue>;
+import React from "react";
+export interface PortalContextValue {
+    addChild: (id: string, node: React.ReactElement) => void;
+    removeChild: (id: string) => void;
+    children: Map<string, React.ReactElement>;
+}
+export declare const PortalContext: React.Context<PortalContextValue | undefined>;
+export declare const usePortalContext: () => PortalContextValue;
+export interface PortalProviderProps {
+    children?: React.ReactNode;
+}
+export declare const PortalProvider: ({ children }: PortalProviderProps) => JSX.Element;
 //# sourceMappingURL=portal-context.d.ts.map

package/es/victory-portal/portal-context.js

@@ -1,7 +1,38 @@
 import React from "react";
-/**
- * The React context object consumers may use to access the context of the
- * portal.
- */
-export const PortalContext = /*#__PURE__*/React.createContext({});
-PortalContext.displayName = "PortalContext";
+export const PortalContext = /*#__PURE__*/React.createContext(undefined);
+PortalContext.displayName = "PortalContext";
+export const usePortalContext = () => {
+  const context = React.useContext(PortalContext);
+  if (!context) {
+    throw new Error("`usePortalContext` must be used within a `<PortalProvider />`");
+  }
+  return context;
+};
+export const PortalProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [portalChildren, setPortalChildren] = React.useState(new Map());
+  const addChild = React.useCallback((id, element) => {
+    setPortalChildren(prevChildren => {
+      const nextChildren = new Map(prevChildren);
+      nextChildren.set(id, element);
+      return nextChildren;
+    });
+  }, [setPortalChildren]);
+  const removeChild = React.useCallback(id => {
+    setPortalChildren(prevChildren => {
+      const nextChildren = new Map(prevChildren);
+      nextChildren.delete(id);
+      return nextChildren;
+    });
+  }, [setPortalChildren]);
+  const contextValue = React.useMemo(() => ({
+    addChild,
+    removeChild,
+    children: portalChildren
+  }), [addChild, removeChild, portalChildren]);
+  return /*#__PURE__*/React.createElement(PortalContext.Provider, {
+    value: contextValue
+  }, children);
+};

package/es/victory-portal/portal-outlet.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface PortalOutletProps {
+    as: React.ReactElement;
+    width?: number;
+    height?: number;
+    viewBox?: string;
+    preserveAspectRatio?: string;
+    style?: React.CSSProperties;
+    children?: (children: React.ReactElement[]) => React.ReactNode | undefined;
+}
+export declare const PortalOutlet: ({ as: portalComponent, ...props }: PortalOutletProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=portal-outlet.d.ts.map

package/es/victory-portal/portal-outlet.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { usePortalContext } from "./portal-context";
+export const PortalOutlet = _ref => {
+  let {
+    as: portalComponent,
+    ...props
+  } = _ref;
+  const portalContext = usePortalContext();
+  const children = Array.from(portalContext.children.entries()).map(_ref2 => {
+    let [key, node] = _ref2;
+    return !node.key ? /*#__PURE__*/React.cloneElement(node, {
+      key
+    }) : node;
+  });
+  return /*#__PURE__*/React.cloneElement(portalComponent, props, children);
+};

package/es/victory-portal/portal.d.ts

@@ -1,21 +1,10 @@
-import React from "react";
-import { PortalContextValue } from "./portal-context";
-export interface PortalProps {
-    className?: string;
-    height?: number;
-    style?: React.CSSProperties;
-    viewBox?: string;
-    width?: number;
-}
-export declare class Portal extends React.Component<PortalProps> implements PortalContextValue {
-    static displayName: string;
-    private readonly map;
-    private index;
-    constructor(props: PortalProps);
-    portalRegister: () => number;
-    portalUpdate: (key: number, element: React.ReactElement) => void;
-    portalDeregister: (key: number) => void;
-    getChildren(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    render(): JSX.Element;
-}
+import React from "react";
+export interface PortalProps {
+    className?: string;
+    height?: number;
+    style?: React.CSSProperties;
+    viewBox?: string;
+    width?: number;
+}
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=portal.d.ts.map

package/es/victory-portal/portal.js

@@ -1,33 +1,7 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
-export class Portal extends React.Component {
-  static displayName = "Portal";
-  constructor(props) {
-    super(props);
-    this.map = {};
-    this.index = 1;
-  }
-  portalRegister = () => {
-    return ++this.index;
-  };
-  portalUpdate = (key, element) => {
-    this.map[key] = element;
-    this.forceUpdate();
-  };
-  portalDeregister = key => {
-    delete this.map[key];
-    this.forceUpdate();
-  };
-  getChildren() {
-    return Object.keys(this.map).map(key => {
-      const el = this.map[key];
-      return el ? /*#__PURE__*/React.cloneElement(el, {
-        key
-      }) : el;
-    });
-  }
-
-  // Overridden in victory-core-native
-  render() {
-    return /*#__PURE__*/React.createElement("svg", this.props, this.getChildren());
-  }
-}
+export const Portal = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref
+  }, props));
+});

package/es/victory-portal/victory-portal.d.ts

@@ -1,27 +1,10 @@
-import React from "react";
-import { PortalContext } from "./portal-context";
-export interface VictoryPortalProps {
-    children?: React.ReactElement;
-    groupComponent?: React.ReactElement;
-}
-export interface VictoryPortal {
-    context: React.ContextType<typeof PortalContext>;
-}
-export declare class VictoryPortal extends React.Component<VictoryPortalProps> {
-    static displayName: string;
-    static role: string;
-    static defaultProps: {
-        groupComponent: JSX.Element;
-    };
-    static contextType: React.Context<import("./portal-context").PortalContextValue>;
-    private checkedContext;
-    private portalKey;
-    renderInPlace: boolean;
-    element: React.ReactElement;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    renderPortal(child: React.ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-}
+import React from "react";
+export interface VictoryPortalProps {
+    children: React.ReactElement;
+    groupComponent?: React.ReactElement;
+}
+export declare const VictoryPortal: {
+    (initialProps: VictoryPortalProps): null;
+    role: string;
+};
 //# sourceMappingURL=victory-portal.d.ts.map

package/es/victory-portal/victory-portal.js

@@ -2,57 +2,40 @@ import _defaults from "lodash/defaults";
 import React from "react";
 import * as Log from "../victory-util/log";
 import * as Helpers from "../victory-util/helpers";
-import { PortalContext } from "./portal-context";
-export class VictoryPortal extends React.Component {
-  static displayName = "VictoryPortal";
-  static role = "portal";
-  static defaultProps = {
-    groupComponent: /*#__PURE__*/React.createElement("g", null)
+import { usePortalContext } from "./portal-context";
+const defaultProps = {
+  groupComponent: /*#__PURE__*/React.createElement("g", null)
+};
+export const VictoryPortal = initialProps => {
+  const props = {
+    ...defaultProps,
+    ...initialProps
   };
-  static contextType = PortalContext;
-  componentDidMount() {
-    if (!this.checkedContext) {
-      if (typeof this.context.portalUpdate !== "function") {
-        const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
-        Log.warn(msg);
-        this.renderInPlace = true;
-      }
-      this.checkedContext = true;
-    }
-    this.forceUpdate();
+  const id = React.useId();
+  const portalContext = usePortalContext();
+  if (!portalContext) {
+    const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
+    Log.warn(msg);
   }
-  componentDidUpdate() {
-    if (!this.renderInPlace) {
-      this.portalKey = this.portalKey || this.context.portalRegister();
-      this.context.portalUpdate(this.portalKey, this.element);
-    }
-  }
-  componentWillUnmount() {
-    if (this.context && this.context.portalDeregister) {
-      this.context.portalDeregister(this.portalKey);
-    }
-  }
-
-  // Overridden in victory-core-native
-  renderPortal(child) {
-    if (this.renderInPlace) {
-      return child;
-    }
-    this.element = child;
-    return null;
-  }
-  render() {
-    const children = Array.isArray(this.props.children) ? this.props.children[0] : this.props.children;
+  React.useEffect(() => {
+    const children = Array.isArray(props.children) ? props.children[0] : props.children;
     const {
       groupComponent
-    } = this.props;
+    } = props;
     const childProps = children && children.props || {};
     const standardProps = childProps.groupComponent ? {
       groupComponent,
       standalone: false
     } : {};
-    const newProps = _defaults(standardProps, childProps, Helpers.omit(this.props, ["children", "groupComponent"]));
+    const newProps = _defaults(standardProps, childProps, Helpers.omit(props, ["children", "groupComponent"]));
     const child = children && /*#__PURE__*/React.cloneElement(children, newProps);
-    return this.renderPortal(child);
-  }
-}
+    portalContext.addChild(id, child);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.children]);
+  React.useEffect(() => {
+    return () => portalContext.removeChild(id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+VictoryPortal.role = "portal";

package/es/victory-primitives/arc.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export interface ArcProps extends VictoryCommonPrimitiveProps {
-    closedPath?: boolean;
-    cx?: number;
-    cy?: number;
-    datum?: any;
-    endAngle?: number;
-    pathComponent?: React.ReactElement;
-    r?: number;
-    startAngle?: number;
-    type?: string;
-}
-export declare const Arc: (initialProps: ArcProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export interface ArcProps extends VictoryCommonPrimitiveProps {
+    closedPath?: boolean;
+    cx?: number;
+    cy?: number;
+    datum?: any;
+    endAngle?: number;
+    pathComponent?: React.ReactElement;
+    r?: number;
+    startAngle?: number;
+    type?: string;
+}
+export declare const Arc: (initialProps: ArcProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
 //# sourceMappingURL=arc.d.ts.map

package/es/victory-primitives/background.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export interface BackgroundProps extends VictoryCommonPrimitiveProps {
-    circleComponent?: React.ReactElement;
-    height?: number;
-    rectComponent?: React.ReactElement;
-    rx?: number;
-    ry?: number;
-    width?: number;
-    x?: number;
-    y?: number;
-}
-export declare const Background: (initialProps: BackgroundProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export interface BackgroundProps extends VictoryCommonPrimitiveProps {
+    circleComponent?: React.ReactElement;
+    height?: number;
+    rectComponent?: React.ReactElement;
+    rx?: number;
+    ry?: number;
+    width?: number;
+    x?: number;
+    y?: number;
+}
+export declare const Background: (initialProps: BackgroundProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
 //# sourceMappingURL=background.d.ts.map

package/es/victory-primitives/border.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export interface BorderProps extends VictoryCommonPrimitiveProps {
-    width?: number;
-    height?: number;
-    rectComponent?: React.ReactElement;
-    x?: number;
-    y?: number;
-}
-export declare const Border: (initialProps: BorderProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export interface BorderProps extends VictoryCommonPrimitiveProps {
+    width?: number;
+    height?: number;
+    rectComponent?: React.ReactElement;
+    x?: number;
+    y?: number;
+}
+export declare const Border: (initialProps: BorderProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
 //# sourceMappingURL=border.d.ts.map

package/es/victory-primitives/circle.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Circle: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGCircleElement>>;
+import React from "react";
+import { VictoryPrimitiveShapeProps } from "./types";
+export declare const Circle: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGCircleElement>>;
 //# sourceMappingURL=circle.d.ts.map

package/es/victory-primitives/clip-path.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export interface ClipPathProps extends VictoryCommonPrimitiveProps {
-    children?: React.ReactNode[] | React.ReactNode;
-    clipId?: number | string;
-}
-export declare const ClipPath: (props: ClipPathProps) => JSX.Element;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export interface ClipPathProps extends VictoryCommonPrimitiveProps {
+    children?: React.ReactNode[] | React.ReactNode;
+    clipId?: number | string;
+}
+export declare const ClipPath: (props: ClipPathProps) => JSX.Element;
 //# sourceMappingURL=clip-path.d.ts.map

package/es/victory-primitives/index.d.ts

@@ -1,15 +1,15 @@
-export * from "./arc";
-export * from "./background";
-export * from "./border";
-export * from "./circle";
-export * from "./clip-path";
-export * from "./line";
-export * from "./line-segment";
-export * from "./path";
-export * from "./point";
-export * from "./rect";
-export * from "./text";
-export * from "./tspan";
-export * from "./types";
-export * from "./whisker";
+export * from "./arc";
+export * from "./background";
+export * from "./border";
+export * from "./circle";
+export * from "./clip-path";
+export * from "./line";
+export * from "./line-segment";
+export * from "./path";
+export * from "./point";
+export * from "./rect";
+export * from "./text";
+export * from "./tspan";
+export * from "./types";
+export * from "./whisker";
 //# sourceMappingURL=index.d.ts.map

package/es/victory-primitives/line-segment.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export interface LineSegmentProps extends VictoryCommonPrimitiveProps {
-    datum?: any;
-    lineComponent?: React.ReactElement;
-    x1?: number;
-    x2?: number;
-    y1?: number;
-    y2?: number;
-}
-export declare const LineSegment: (initialProps: LineSegmentProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export interface LineSegmentProps extends VictoryCommonPrimitiveProps {
+    datum?: any;
+    lineComponent?: React.ReactElement;
+    x1?: number;
+    x2?: number;
+    y1?: number;
+    y2?: number;
+}
+export declare const LineSegment: (initialProps: LineSegmentProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
 //# sourceMappingURL=line-segment.d.ts.map

package/es/victory-primitives/line.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Line: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGLineElement>>;
+import React from "react";
+import { VictoryPrimitiveShapeProps } from "./types";
+export declare const Line: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGLineElement>>;
 //# sourceMappingURL=line.d.ts.map

package/es/victory-primitives/path.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Path: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGPathElement>>;
+import React from "react";
+import { VictoryPrimitiveShapeProps } from "./types";
+export declare const Path: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGPathElement>>;
 //# sourceMappingURL=path.d.ts.map

package/es/victory-primitives/point.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-import { ScatterSymbolType } from "./types";
-export interface PointProps extends VictoryCommonPrimitiveProps {
-    datum?: any;
-    getPath?: (x: number, y: number, size: number) => string;
-    pathComponent?: React.ReactElement;
-    size?: number | Function;
-    symbol?: ScatterSymbolType | Function;
-    x?: number;
-    y?: number;
-}
-export declare const Point: (initialProps: PointProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+import { ScatterSymbolType } from "./types";
+export interface PointProps extends VictoryCommonPrimitiveProps {
+    datum?: any;
+    getPath?: (x: number, y: number, size: number) => string;
+    pathComponent?: React.ReactElement;
+    size?: number | Function;
+    symbol?: ScatterSymbolType | Function;
+    x?: number;
+    y?: number;
+}
+export declare const Point: (initialProps: PointProps) => React.DetailedReactHTMLElement<any, HTMLElement>;
 //# sourceMappingURL=point.d.ts.map

package/es/victory-primitives/rect.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Rect: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGRectElement>>;
+import React from "react";
+import { VictoryPrimitiveShapeProps } from "./types";
+export declare const Rect: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGRectElement>>;
 //# sourceMappingURL=rect.d.ts.map

package/es/victory-primitives/text.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export interface TextProps extends VictoryCommonPrimitiveProps {
-    children?: React.ReactNode;
-    desc?: string;
-    title?: string;
-}
-export declare const Text: (props: TextProps) => JSX.Element;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export interface TextProps extends VictoryCommonPrimitiveProps {
+    children?: React.ReactNode;
+    desc?: string;
+    title?: string;
+}
+export declare const Text: (props: TextProps) => JSX.Element;
 //# sourceMappingURL=text.d.ts.map

package/es/victory-primitives/tspan.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export declare const TSpan: (props: VictoryCommonPrimitiveProps) => JSX.Element;
+/// <reference types="react" />
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export declare const TSpan: (props: VictoryCommonPrimitiveProps) => JSX.Element;
 //# sourceMappingURL=tspan.d.ts.map

package/es/victory-primitives/types.d.ts

@@ -1,8 +1,8 @@
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export declare type ScatterSymbolType = "circle" | "cross" | "diamond" | "plus" | "minus" | "square" | "star" | "triangleDown" | "triangleUp";
-export interface VictoryPrimitiveShapeProps extends VictoryCommonPrimitiveProps {
-    desc?: string;
-    rx?: number;
-    ry?: number;
-}
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export declare type ScatterSymbolType = "circle" | "cross" | "diamond" | "plus" | "minus" | "square" | "star" | "triangleDown" | "triangleUp";
+export interface VictoryPrimitiveShapeProps extends VictoryCommonPrimitiveProps {
+    desc?: string;
+    rx?: number;
+    ry?: number;
+}
 //# sourceMappingURL=types.d.ts.map

package/es/victory-primitives/whisker.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
-export declare type WhiskerAxes = {
-    x1?: number;
-    x2?: number;
-    y1?: number;
-    y2?: number;
-};
-export interface WhiskerProps extends VictoryCommonPrimitiveProps {
-    groupComponent?: React.ReactElement;
-    lineComponent?: React.ReactElement;
-    majorWhisker?: WhiskerAxes;
-    minorWhisker?: WhiskerAxes;
-}
-export declare const Whisker: (initialProps: WhiskerProps) => React.DetailedReactHTMLElement<{}, HTMLElement>;
+import React from "react";
+import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
+export declare type WhiskerAxes = {
+    x1?: number;
+    x2?: number;
+    y1?: number;
+    y2?: number;
+};
+export interface WhiskerProps extends VictoryCommonPrimitiveProps {
+    groupComponent?: React.ReactElement;
+    lineComponent?: React.ReactElement;
+    majorWhisker?: WhiskerAxes;
+    minorWhisker?: WhiskerAxes;
+}
+export declare const Whisker: (initialProps: WhiskerProps) => React.DetailedReactHTMLElement<{}, HTMLElement>;
 //# sourceMappingURL=whisker.d.ts.map

package/es/victory-theme/grayscale.d.ts

@@ -1,3 +1,3 @@
-import { VictoryThemeDefinition } from "./types";
-export declare const grayscale: VictoryThemeDefinition;
+import { VictoryThemeDefinition } from "./types";
+export declare const grayscale: VictoryThemeDefinition;
 //# sourceMappingURL=grayscale.d.ts.map

package/es/victory-theme/material.d.ts

@@ -1,3 +1,3 @@
-import { VictoryThemeDefinition } from "./types";
-export declare const material: VictoryThemeDefinition;
+import { VictoryThemeDefinition } from "./types";
+export declare const material: VictoryThemeDefinition;
 //# sourceMappingURL=material.d.ts.map