victory-cursor-container 37.0.2 → 37.1.0

package/dist/victory-cursor-container.js

@@ -139,8 +139,9 @@ const CursorHelpers = new CursorHelpersClass();
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS": function() { return /* binding */ VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryCursorContainer": function() { return /* binding */ VictoryCursorContainer; },
-/* harmony export */   "cursorContainerMixin": function() { return /* binding */ cursorContainerMixin; }
+/* harmony export */   "useVictoryCursorContainer": function() { return /* binding */ useVictoryCursorContainer; }
 /* harmony export */ });
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js");
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
@@ -148,164 +149,179 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
 /* harmony import */ var _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./cursor-helpers */ "./cursor-helpers.tsx");
 
 
+/* eslint-disable complexity */
 
 
 
-function cursorContainerMixin(Base) {
-  // @ts-expect-error "TS2545: A mixin class must have a constructor with a single rest parameter of type 'any[]'."
-  return class VictoryCursorContainer extends Base {
-    static displayName = "VictoryCursorContainer";
-    static defaultProps = {
-      ...victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer.defaultProps,
-      cursorLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.VictoryLabel, null),
-      cursorLabelOffset: {
-        x: 5,
-        y: -10
-      },
-      cursorComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.LineSegment, null)
-    };
-    static defaultEvents(props) {
-      return [{
-        target: "parent",
-        eventHandlers: {
-          onMouseLeave: (evt, targetProps) => {
-            return props.disable ? {} : _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseLeave(evt, targetProps);
-          },
-          onTouchCancel: () => {
-            return [];
-          },
-          onMouseMove: (evt, targetProps) => {
-            return props.disable ? {} : _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove(evt, targetProps);
-          },
-          onTouchMove: (evt, targetProps) => {
-            return props.disable ? {} : _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove(evt, targetProps);
-          }
-        }
-      }];
+const VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS = {
+  cursorLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryLabel, null),
+  cursorLabelOffset: {
+    x: 5,
+    y: -10
+  },
+  cursorComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.LineSegment, null)
+};
+const useVictoryCursorContainer = initialProps => {
+  const props = {
+    ...VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const {
+    children
+  } = props;
+  const getCursorPosition = () => {
+    const {
+      cursorValue,
+      defaultCursorValue,
+      domain,
+      cursorDimension
+    } = props;
+    if (cursorValue) {
+      return cursorValue;
     }
-    getCursorPosition(props) {
-      const {
-        cursorValue,
-        defaultCursorValue,
-        domain,
-        cursorDimension
-      } = props;
-      if (cursorValue) {
-        return cursorValue;
-      }
-      if (typeof defaultCursorValue === "number") {
-        return {
-          x: (domain.x[0] + domain.x[1]) / 2,
-          y: (domain.y[0] + domain.y[1]) / 2,
+    if (typeof defaultCursorValue === "number") {
+      return {
+        x: (domain.x[0] + domain.x[1]) / 2,
+        y: (domain.y[0] + domain.y[1]) / 2,
+        ...(cursorDimension ? {
           [cursorDimension]: defaultCursorValue
-        };
-      }
-      return defaultCursorValue;
+        } : {})
+      };
     }
-    getCursorLabelOffset(props) {
-      const {
-        cursorLabelOffset
-      } = props;
-      if (typeof cursorLabelOffset === "number") {
-        return {
-          x: cursorLabelOffset,
-          y: cursorLabelOffset
-        };
-      }
-      return cursorLabelOffset;
+    return defaultCursorValue;
+  };
+  const getCursorLabelOffset = () => {
+    const {
+      cursorLabelOffset
+    } = props;
+    if (typeof cursorLabelOffset === "number") {
+      return {
+        x: cursorLabelOffset,
+        y: cursorLabelOffset
+      };
     }
-    getPadding(props) {
-      if (props.padding === undefined) {
-        const child = props.children.find(c => {
-          return lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(c.props) && c.props.padding !== undefined;
-        });
-        return victory_core__WEBPACK_IMPORTED_MODULE_7__.getPadding(child.props);
-      }
-      return victory_core__WEBPACK_IMPORTED_MODULE_7__.getPadding(props);
+    return cursorLabelOffset;
+  };
+  const getPadding = () => {
+    if (props.padding === undefined) {
+      const child = Array.isArray(props.children) ? props.children.find(c => {
+        return lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(c.props) && c.props.padding !== undefined;
+      }) : props.children;
+      return victory_core__WEBPACK_IMPORTED_MODULE_5__.getPadding(child?.props);
     }
-    getCursorElements(props) {
-      // eslint-disable-line max-statements
-      const {
-        scale,
-        cursorLabelComponent,
-        cursorLabel,
-        cursorComponent,
-        width,
-        height,
-        name,
-        horizontal,
-        theme
-      } = props;
-      const cursorDimension = _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.getDimension(props);
-      const cursorValue = this.getCursorPosition(props);
-      const cursorLabelOffset = this.getCursorLabelOffset(props);
-      if (!cursorValue) {
-        return [];
-      }
-      const newElements = [];
-      const padding = this.getPadding(props);
-      const cursorCoordinates = {
-        x: horizontal ? scale.y(cursorValue.y) : scale.x(cursorValue.x),
-        y: horizontal ? scale.x(cursorValue.x) : scale.y(cursorValue.y)
-      };
-      if (cursorLabel) {
-        let labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
-          active: true
-        }, cursorLabelComponent.props, {
-          x: cursorCoordinates.x + cursorLabelOffset.x,
-          y: cursorCoordinates.y + cursorLabelOffset.y,
-          datum: cursorValue,
-          active: true,
-          key: `${name}-cursor-label`
-        });
-        if (victory_core__WEBPACK_IMPORTED_MODULE_7__.isTooltip(cursorLabelComponent)) {
-          const tooltipTheme = theme && theme.tooltip || {};
-          labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, tooltipTheme);
-        }
-        newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorLabelComponent, lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, {
-          text: victory_core__WEBPACK_IMPORTED_MODULE_7__.evaluateProp(cursorLabel, labelProps)
-        })));
-      }
-      const cursorStyle = Object.assign({
-        stroke: "black"
-      }, cursorComponent.props.style);
-      if (cursorDimension === "x" || cursorDimension === undefined) {
-        newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
-          key: `${name}-x-cursor`,
-          x1: cursorCoordinates.x,
-          x2: cursorCoordinates.x,
-          y1: padding.top,
-          y2: height - padding.bottom,
-          style: cursorStyle
-        }));
-      }
-      if (cursorDimension === "y" || cursorDimension === undefined) {
-        newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
-          key: `${name}-y-cursor`,
-          x1: padding.left,
-          x2: width - padding.right,
-          y1: cursorCoordinates.y,
-          y2: cursorCoordinates.y,
-          style: cursorStyle
-        }));
+    return victory_core__WEBPACK_IMPORTED_MODULE_5__.getPadding(props);
+  };
+  const getCursorElements = () => {
+    // eslint-disable-line max-statements
+    const {
+      scale,
+      cursorLabelComponent,
+      cursorLabel,
+      cursorComponent,
+      width,
+      height,
+      name,
+      horizontal,
+      theme
+    } = props;
+    const cursorDimension = _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.getDimension(props);
+    const cursorValue = getCursorPosition();
+    const cursorLabelOffset = getCursorLabelOffset();
+    if (!cursorValue) {
+      return [];
+    }
+    const newElements = [];
+    const padding = getPadding();
+    const cursorCoordinates = scale && "x" in scale && "y" in scale && typeof scale.y === "function" && typeof scale.x === "function" ? {
+      x: horizontal ? scale.y(cursorValue.y) : scale.x(cursorValue.x),
+      y: horizontal ? scale.x(cursorValue.x) : scale.y(cursorValue.y)
+    } : {
+      x: cursorValue.x,
+      y: cursorValue.y
+    };
+    if (cursorLabel) {
+      let labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
+        active: true
+      }, cursorLabelComponent.props, {
+        x: cursorCoordinates.x + cursorLabelOffset.x,
+        y: cursorCoordinates.y + cursorLabelOffset.y,
+        datum: cursorValue,
+        active: true,
+        key: `${name}-cursor-label`
+      });
+      if (victory_core__WEBPACK_IMPORTED_MODULE_5__.isTooltip(cursorLabelComponent)) {
+        const tooltipTheme = theme && theme.tooltip || {};
+        labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, tooltipTheme);
       }
-      return newElements;
+      newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorLabelComponent, lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, {
+        text: victory_core__WEBPACK_IMPORTED_MODULE_5__.evaluateProp(cursorLabel, labelProps)
+      })));
     }
-
-    // Overrides method in VictoryContainer
-    getChildren(props) {
-      return [...react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(props.children), ...this.getCursorElements(props)];
+    const cursorStyle = Object.assign({
+      stroke: "black"
+    }, cursorComponent.props.style);
+    if (cursorDimension === "x" || cursorDimension === undefined) {
+      newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
+        key: `${name}-x-cursor`,
+        x1: cursorCoordinates.x,
+        x2: cursorCoordinates.x,
+        y1: padding.top,
+        y2: (typeof height === "number" ? height : 0) - padding.bottom,
+        style: cursorStyle
+      }));
     }
+    if (cursorDimension === "y" || cursorDimension === undefined) {
+      newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
+        key: `${name}-y-cursor`,
+        x1: padding.left,
+        x2: (typeof width === "number" ? width : 0) - padding.right,
+        y1: cursorCoordinates.y,
+        y2: cursorCoordinates.y,
+        style: cursorStyle
+      }));
+    }
+    return newElements;
   };
-}
-const VictoryCursorContainer = cursorContainerMixin(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer);
+  return {
+    props,
+    children: [...react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(children), ...getCursorElements()]
+  };
+};
+const VictoryCursorContainer = initialProps => {
+  const {
+    props,
+    children
+  } = useVictoryCursorContainer(initialProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryContainer, props, children);
+};
+VictoryCursorContainer.role = "container";
+VictoryCursorContainer.defaultEvents = initialProps => {
+  const props = {
+    ...VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const createEventHandler = (handler, disabled) =>
+  // eslint-disable-next-line max-params
+  (event, targetProps, eventKey, context) => disabled || props.disable ? {} : handler(event, {
+    ...props,
+    ...targetProps
+  }, eventKey, context);
+  return [{
+    target: "parent",
+    eventHandlers: {
+      onMouseLeave: createEventHandler(_cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseLeave),
+      onMouseMove: createEventHandler(_cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove),
+      onTouchMove: createEventHandler(_cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove)
+    }
+  }];
+};
 
 /***/ }),
 
@@ -2963,23 +2979,18 @@ module.exports = uniqueId;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "VictoryContainer": function() { return /* binding */ VictoryContainer; }
+/* harmony export */   "VictoryContainer": function() { return /* binding */ VictoryContainer; },
+/* harmony export */   "useVictoryContainer": function() { return /* binding */ useVictoryContainer; }
 /* harmony export */ });
-/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js");
-/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/uniqueId */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/uniqueId.js");
-/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/defaults.js");
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
-/* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
-/* harmony import */ var _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-util/timer-context */ "../../victory-core/es/victory-util/timer-context.js");
-/* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _victory_util_user_props__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../victory-util/user-props */ "../../victory-core/es/victory-util/user-props.js");
-
-
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/uniqueId */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
+/* harmony import */ var _victory_util_user_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../victory-util/user-props */ "../../victory-core/es/victory-util/user-props.js");
+/* harmony import */ var _victory_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-util */ "../../victory-core/es/victory-util/merge-refs.js");
+/* harmony import */ var _victory_portal_portal_outlet__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../victory-portal/portal-outlet */ "../../victory-core/es/victory-portal/portal-outlet.js");
+/* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
 
 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); }
 
@@ -2988,175 +2999,149 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-class VictoryContainer extends (react__WEBPACK_IMPORTED_MODULE_3___default().Component) {
-  static displayName = "VictoryContainer";
-  static role = "container";
-  static defaultProps = {
-    className: "VictoryContainer",
-    portalComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_victory_portal_portal__WEBPACK_IMPORTED_MODULE_4__.Portal, null),
-    portalZIndex: 99,
-    responsive: true,
-    role: "img"
+const defaultProps = {
+  className: "VictoryContainer",
+  portalComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_victory_portal_portal__WEBPACK_IMPORTED_MODULE_2__.Portal, null),
+  portalZIndex: 99,
+  responsive: true,
+  role: "img"
+};
+function useVictoryContainer(initialProps) {
+  const props = {
+    ...defaultProps,
+    ...initialProps
   };
-  static contextType = _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_5__["default"];
-
-  // @ts-expect-error Ref will be initialized on mount
-
-  // @ts-expect-error Ref will be initialized on mount
-
-  constructor(props) {
-    super(props);
-    this.containerId = !lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(props) || props.containerId === undefined ? lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1___default()("victory-container-") : props.containerId;
-    this.shouldHandleWheel = !!(props && props.events && props.events.onWheel);
-  }
-  savePortalRef = portal => {
-    this.portalRef = portal;
-    return portal;
+  const {
+    title,
+    desc,
+    width,
+    height,
+    responsive
+  } = props;
+  const localContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+
+  // Generated ID stored in ref because it needs to persist across renders
+  const generatedId = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0___default()("victory-container-"));
+  const containerId = props.containerId ?? generatedId.current;
+  const getIdForElement = elName => `${containerId}-${elName}`;
+  const userProps = _victory_util_user_props__WEBPACK_IMPORTED_MODULE_3__.getSafeUserProps(props);
+  const dimensions = responsive ? {
+    width: "100%",
+    height: "100%"
+  } : {
+    width,
+    height
   };
-  portalUpdate = (key, el) => this.portalRef.portalUpdate(key, el);
-  portalRegister = () => this.portalRef.portalRegister();
-  portalDeregister = key => this.portalRef.portalDeregister(key);
-  saveContainerRef = container => {
-    if (_victory_util_helpers__WEBPACK_IMPORTED_MODULE_6__.isFunction(this.props.containerRef)) {
-      this.props.containerRef(container);
-    }
-    this.containerRef = container;
-    return container;
+  const viewBox = responsive ? `0 0 ${width} ${height}` : undefined;
+  const preserveAspectRatio = responsive ? props.preserveAspectRatio : undefined;
+  const ariaLabelledBy = [title && getIdForElement("title"), props["aria-labelledby"]].filter(Boolean).join(" ") || undefined;
+  const ariaDescribedBy = [desc && getIdForElement("desc"), props["aria-describedby"]].filter(Boolean).join(" ") || undefined;
+  const titleId = getIdForElement("title");
+  const descId = getIdForElement("desc");
+  return {
+    ...props,
+    titleId,
+    descId,
+    dimensions,
+    viewBox,
+    preserveAspectRatio,
+    ariaLabelledBy,
+    ariaDescribedBy,
+    userProps,
+    localContainerRef
   };
-  handleWheel = e => e.preventDefault();
-  componentDidMount() {
-    if (this.shouldHandleWheel && this.containerRef) {
-      this.containerRef.addEventListener("wheel", this.handleWheel);
-    }
-  }
-  componentWillUnmount() {
-    if (this.shouldHandleWheel && this.containerRef) {
-      this.containerRef.removeEventListener("wheel", this.handleWheel);
-    }
-  }
-  getIdForElement(elementName) {
-    return `${this.containerId}-${elementName}`;
-  }
-
-  // overridden in custom containers
-  getChildren(props) {
-    return props.children;
-  }
-
-  // Get props defined by the Open UI Automation (OUIA) 1.0-RC spec
-  // See https://ouia.readthedocs.io/en/latest/README.html#ouia-component
-  getOUIAProps(props) {
-    const {
-      ouiaId,
-      ouiaSafe,
-      ouiaType
-    } = props;
-    return {
-      ...(ouiaId && {
-        "data-ouia-component-id": ouiaId
-      }),
-      ...(ouiaType && {
-        "data-ouia-component-type": ouiaType
-      }),
-      ...(ouiaSafe !== undefined && {
-        "data-ouia-safe": ouiaSafe
-      })
-    };
-  }
-  renderContainer(props, svgProps, style) {
-    const {
-      title,
-      desc,
-      portalComponent,
-      className,
-      width,
-      height,
-      portalZIndex,
-      responsive
-    } = props;
-    const children = this.getChildren(props);
-    const dimensions = responsive ? {
-      width: "100%",
-      height: "100%"
-    } : {
-      width,
-      height
+}
+const VictoryContainer = initialProps => {
+  const {
+    role,
+    title,
+    desc,
+    children,
+    className,
+    portalZIndex,
+    portalComponent,
+    width,
+    height,
+    style,
+    tabIndex,
+    responsive,
+    events,
+    ouiaId,
+    ouiaSafe,
+    ouiaType,
+    dimensions,
+    ariaDescribedBy,
+    ariaLabelledBy,
+    viewBox,
+    preserveAspectRatio,
+    userProps,
+    titleId,
+    descId,
+    containerRef,
+    localContainerRef
+  } = useVictoryContainer(initialProps);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    if (!events?.onWheel) return;
+    const handleWheel = e => e.preventDefault();
+    const container = localContainerRef?.current;
+    container?.addEventListener("wheel", handleWheel);
+    return () => {
+      container?.removeEventListener("wheel", handleWheel);
     };
-    const divStyle = Object.assign({
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: className,
+    style: {
+      ...style,
+      width: responsive ? style?.width : dimensions.width,
+      height: responsive ? style?.height : dimensions.height,
       pointerEvents: "none",
       touchAction: "none",
       position: "relative"
-    }, dimensions);
-    const portalDivStyle = Object.assign({
+    },
+    "data-ouia-component-id": ouiaId,
+    "data-ouia-component-type": ouiaType,
+    "data-ouia-safe": ouiaSafe,
+    ref: (0,_victory_util__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)([localContainerRef, containerRef])
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_5__.PortalProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("svg", _extends({
+    width: width,
+    height: height,
+    tabIndex: tabIndex,
+    role: role,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    viewBox: viewBox,
+    preserveAspectRatio: preserveAspectRatio,
+    style: {
+      ...dimensions,
+      pointerEvents: "all"
+    }
+  }, userProps, events), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("title", {
+    id: titleId
+  }, title) : null, desc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("desc", {
+    id: descId
+  }, desc) : null, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    style: {
+      ...dimensions,
       zIndex: portalZIndex,
       position: "absolute",
       top: 0,
       left: 0
-    }, dimensions);
-    const svgStyle = Object.assign({
-      pointerEvents: "all"
-    }, dimensions);
-    const portalSvgStyle = Object.assign({
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_victory_portal_portal_outlet__WEBPACK_IMPORTED_MODULE_6__.PortalOutlet, {
+    as: portalComponent,
+    width: width,
+    height: height,
+    viewBox: viewBox,
+    preserveAspectRatio: preserveAspectRatio,
+    style: {
+      ...dimensions,
       overflow: "visible"
-    }, dimensions);
-    const portalProps = {
-      width,
-      height,
-      viewBox: svgProps.viewBox,
-      preserveAspectRatio: svgProps.preserveAspectRatio,
-      style: portalSvgStyle
-    };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_7__.PortalContext.Provider, {
-      value: {
-        portalUpdate: this.portalUpdate,
-        portalRegister: this.portalRegister,
-        portalDeregister: this.portalDeregister
-      }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", _extends({
-      style: lodash_defaults__WEBPACK_IMPORTED_MODULE_2___default()({}, style, divStyle),
-      className: className,
-      ref: this.saveContainerRef
-    }, this.getOUIAProps(props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("svg", _extends({}, svgProps, {
-      style: svgStyle
-    }), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("title", {
-      id: this.getIdForElement("title")
-    }, title) : null, desc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("desc", {
-      id: this.getIdForElement("desc")
-    }, desc) : null, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-      style: portalDivStyle
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().cloneElement(portalComponent, {
-      ...portalProps,
-      ref: this.savePortalRef
-    }))));
-  }
-  render() {
-    const {
-      width,
-      height,
-      responsive,
-      events,
-      title,
-      desc,
-      tabIndex,
-      preserveAspectRatio,
-      role
-    } = this.props;
-    const style = responsive ? this.props.style : _victory_util_helpers__WEBPACK_IMPORTED_MODULE_6__.omit(this.props.style, ["height", "width"]);
-    const userProps = _victory_util_user_props__WEBPACK_IMPORTED_MODULE_8__.getSafeUserProps(this.props);
-    const svgProps = Object.assign({
-      width,
-      height,
-      tabIndex,
-      role,
-      "aria-labelledby": [title && this.getIdForElement("title"), this.props["aria-labelledby"]].filter(Boolean).join(" ") || undefined,
-      "aria-describedby": [desc && this.getIdForElement("desc"), this.props["aria-describedby"]].filter(Boolean).join(" ") || undefined,
-      viewBox: responsive ? `0 0 ${width} ${height}` : undefined,
-      preserveAspectRatio: responsive ? preserveAspectRatio : undefined,
-      ...userProps
-    }, events);
-    return this.renderContainer(this.props, svgProps, style);
-  }
-}
+    }
+  }))));
+};
+VictoryContainer.role = "container";
 
 /***/ }),
 
@@ -3669,17 +3654,78 @@ VictoryLabel.defaultStyles = defaultStyles;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "PortalContext": function() { return /* binding */ PortalContext; }
+/* harmony export */   "PortalContext": function() { return /* binding */ PortalContext; },
+/* harmony export */   "PortalProvider": function() { return /* binding */ PortalProvider; },
+/* harmony export */   "usePortalContext": function() { return /* binding */ usePortalContext; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
-/**
- * The React context object consumers may use to access the context of the
- * portal.
- */
-const PortalContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({});
+const PortalContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(undefined);
 PortalContext.displayName = "PortalContext";
+const usePortalContext = () => {
+  const context = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(PortalContext);
+  return context;
+};
+const PortalProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [portalChildren, setPortalChildren] = react__WEBPACK_IMPORTED_MODULE_0___default().useState(new Map());
+  const addChild = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback((id, element) => {
+    setPortalChildren(prevChildren => {
+      const nextChildren = new Map(prevChildren);
+      nextChildren.set(id, element);
+      return nextChildren;
+    });
+  }, [setPortalChildren]);
+  const removeChild = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback(id => {
+    setPortalChildren(prevChildren => {
+      const nextChildren = new Map(prevChildren);
+      nextChildren.delete(id);
+      return nextChildren;
+    });
+  }, [setPortalChildren]);
+  const contextValue = react__WEBPACK_IMPORTED_MODULE_0___default().useMemo(() => ({
+    addChild,
+    removeChild,
+    children: portalChildren
+  }), [addChild, removeChild, portalChildren]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PortalContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+/***/ }),
+
+/***/ "../../victory-core/es/victory-portal/portal-outlet.js":
+/*!*************************************************************!*\
+  !*** ../../victory-core/es/victory-portal/portal-outlet.js ***!
+  \*************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "PortalOutlet": function() { return /* binding */ PortalOutlet; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _portal_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
+
+
+const PortalOutlet = _ref => {
+  let {
+    as: portalComponent,
+    ...props
+  } = _ref;
+  const portalContext = (0,_portal_context__WEBPACK_IMPORTED_MODULE_1__.usePortalContext)();
+  if (!portalContext) {
+    return null;
+  }
+  const children = Array.from(portalContext.children.values());
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(portalComponent, props, children);
+};
 
 /***/ }),
 
@@ -3696,39 +3742,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+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); }
 
-class Portal extends (react__WEBPACK_IMPORTED_MODULE_0___default().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__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(el, {
-        key
-      }) : el;
-    });
-  }
-
-  // Overridden in victory-core-native
-  render() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", this.props, this.getChildren());
-  }
-}
+const Portal = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef((props, ref) => {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
+    ref: ref
+  }, props));
+});
 
 /***/ }),
 
@@ -3755,59 +3775,44 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-class VictoryPortal extends (react__WEBPACK_IMPORTED_MODULE_1___default().Component) {
-  static displayName = "VictoryPortal";
-  static role = "portal";
-  static defaultProps = {
-    groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null)
+const defaultProps = {
+  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null)
+};
+const VictoryPortal = initialProps => {
+  const props = {
+    ...defaultProps,
+    ...initialProps
   };
-  static contextType = _portal_context__WEBPACK_IMPORTED_MODULE_2__.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";
-        _victory_util_log__WEBPACK_IMPORTED_MODULE_3__.warn(msg);
-        this.renderInPlace = true;
-      }
-      this.checkedContext = true;
-    }
-    this.forceUpdate();
-  }
-  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);
-    }
+  const id = react__WEBPACK_IMPORTED_MODULE_1___default().useId();
+  const portalContext = (0,_portal_context__WEBPACK_IMPORTED_MODULE_2__.usePortalContext)();
+  if (!portalContext) {
+    const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
+    _victory_util_log__WEBPACK_IMPORTED_MODULE_3__.warn(msg);
   }
-
-  // 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;
-    const {
-      groupComponent
-    } = this.props;
-    const childProps = children && children.props || {};
-    const standardProps = childProps.groupComponent ? {
-      groupComponent,
-      standalone: false
-    } : {};
-    const newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.omit(this.props, ["children", "groupComponent"]));
-    const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(children, newProps);
-    return this.renderPortal(child);
-  }
-}
+  const children = Array.isArray(props.children) ? props.children[0] : props.children;
+  const {
+    groupComponent
+  } = props;
+  const childProps = children && children.props || {};
+  const standardProps = childProps.groupComponent ? {
+    groupComponent,
+    standalone: false
+  } : {};
+  const newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.omit(props, ["children", "groupComponent"]), {
+    key: childProps.key ?? id
+  });
+  const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(children, newProps);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    portalContext?.addChild(id, child);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.children]);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    return () => portalContext?.removeChild(id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return portalContext ? null : child;
+};
+VictoryPortal.role = "portal";
 
 /***/ }),
 
@@ -4838,6 +4843,44 @@ function warn(message) {
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-util/merge-refs.js":
+/*!********************************************************!*\
+  !*** ../../victory-core/es/victory-util/merge-refs.js ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "mergeRefs": function() { return /* binding */ mergeRefs; }
+/* harmony export */ });
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
+
+/**
+ * Used to merge multiple React refs into a single callback ref.
+ *
+ * @example
+ * ```tsx
+ * <div ref={mergeRefs([ref, forwardedRef])} />
+ * ```
+ */
+function mergeRefs(refs) {
+  return value => {
+    refs.forEach(ref => {
+      // If the ref is a function, it's a callback ref and we call it with the value.
+      if (_helpers__WEBPACK_IMPORTED_MODULE_0__.isFunction(ref)) {
+        ref(value);
+      } else if (ref !== null && ref !== undefined) {
+        // If the ref is an object (not null and not undefined), it's an object ref.
+        // We assign the value to its 'current' property.
+        ref.current = value;
+      }
+    });
+  };
+}
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-util/selection.js":
 /*!*******************************************************!*\
   !*** ../../victory-core/es/victory-util/selection.js ***!
@@ -5363,98 +5406,6 @@ const approximateTextSize = (text, style) => _approximateTextSizeInternal.impl(t
 
 /***/ }),
 
-/***/ "../../victory-core/es/victory-util/timer-context.js":
-/*!***********************************************************!*\
-  !*** ../../victory-core/es/victory-util/timer-context.js ***!
-  \***********************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _timer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./timer */ "../../victory-core/es/victory-util/timer.js");
-
-
-
-/**
- * The React context object consumers may use to access or override the global
- * timer.
- */
-const TimerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({
-  transitionTimer: new _timer__WEBPACK_IMPORTED_MODULE_1__["default"](),
-  animationTimer: new _timer__WEBPACK_IMPORTED_MODULE_1__["default"]()
-});
-TimerContext.displayName = "TimerContext";
-/* harmony default export */ __webpack_exports__["default"] = (TimerContext);
-
-/***/ }),
-
-/***/ "../../victory-core/es/victory-util/timer.js":
-/*!***************************************************!*\
-  !*** ../../victory-core/es/victory-util/timer.js ***!
-  \***************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* binding */ Timer; }
-/* harmony export */ });
-/* harmony import */ var victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! victory-vendor/d3-timer */ "../../victory-vendor/es/d3-timer.js");
-
-class Timer {
-  constructor() {
-    this.shouldAnimate = true;
-    this.subscribers = [];
-    this.timer = null;
-    this.activeSubscriptions = 0;
-  }
-  bypassAnimation() {
-    this.shouldAnimate = false;
-  }
-  resumeAnimation() {
-    this.shouldAnimate = true;
-  }
-  loop = () => {
-    this.subscribers.forEach(s => {
-      s.callback((0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.now)() - s.startTime, s.duration);
-    });
-  };
-  start() {
-    if (!this.timer) {
-      this.timer = (0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.timer)(this.loop);
-    }
-  }
-  stop() {
-    if (this.timer) {
-      this.timer.stop();
-      this.timer = null;
-    }
-  }
-  subscribe(callback, duration) {
-    const subscriptionID = this.subscribers.push({
-      startTime: (0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.now)(),
-      callback,
-      duration: this.shouldAnimate ? duration : 0
-    });
-    this.activeSubscriptions++;
-    this.start();
-    return subscriptionID;
-  }
-  unsubscribe(id) {
-    if (id !== null && this.subscribers[id - 1]) {
-      delete this.subscribers[id - 1];
-      this.activeSubscriptions--;
-    }
-    if (this.activeSubscriptions === 0) {
-      this.stop();
-    }
-  }
-}
-
-/***/ }),
-
 /***/ "../../victory-core/es/victory-util/user-props.js":
 /*!********************************************************!*\
   !*** ../../victory-core/es/victory-util/user-props.js ***!
@@ -5569,32 +5520,6 @@ const withSafeUserProps = (component, props) => {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(component, getSafeUserProps(props));
 };
 
-/***/ }),
-
-/***/ "../../victory-vendor/es/d3-timer.js":
-/*!*******************************************!*\
-  !*** ../../victory-vendor/es/d3-timer.js ***!
-  \*******************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "interval": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.interval; },
-/* harmony export */   "now": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.now; },
-/* harmony export */   "timeout": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.timeout; },
-/* harmony export */   "timer": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.timer; },
-/* harmony export */   "timerFlush": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.timerFlush; }
-/* harmony export */ });
-/* harmony import */ var d3_timer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! d3-timer */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/index.js");
-
-// `victory-vendor/d3-timer` (ESM)
-// See upstream license: https://github.com/d3/d3-timer/blob/main/LICENSE
-//
-// Our ESM package uses the underlying installed dependencies of `node_modules/d3-timer`
-
-
-
 /***/ }),
 
 /***/ "react":
@@ -5606,221 +5531,6 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/index.js":
-/*!*************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/index.js ***!
-  \*************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "interval": function() { return /* reexport safe */ _interval_js__WEBPACK_IMPORTED_MODULE_2__["default"]; },
-/* harmony export */   "now": function() { return /* reexport safe */ _timer_js__WEBPACK_IMPORTED_MODULE_0__.now; },
-/* harmony export */   "timeout": function() { return /* reexport safe */ _timeout_js__WEBPACK_IMPORTED_MODULE_1__["default"]; },
-/* harmony export */   "timer": function() { return /* reexport safe */ _timer_js__WEBPACK_IMPORTED_MODULE_0__.timer; },
-/* harmony export */   "timerFlush": function() { return /* reexport safe */ _timer_js__WEBPACK_IMPORTED_MODULE_0__.timerFlush; }
-/* harmony export */ });
-/* harmony import */ var _timer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timer.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js");
-/* harmony import */ var _timeout_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./timeout.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js");
-/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interval.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/interval.js");
-
-
-
-
-
-
-
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/interval.js":
-/*!****************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/interval.js ***!
-  \****************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* export default binding */ __WEBPACK_DEFAULT_EXPORT__; }
-/* harmony export */ });
-/* harmony import */ var _timer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timer.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js");
-
-
-/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(callback, delay, time) {
-  var t = new _timer_js__WEBPACK_IMPORTED_MODULE_0__.Timer, total = delay;
-  if (delay == null) return t.restart(callback, delay, time), t;
-  t._restart = t.restart;
-  t.restart = function(callback, delay, time) {
-    delay = +delay, time = time == null ? (0,_timer_js__WEBPACK_IMPORTED_MODULE_0__.now)() : +time;
-    t._restart(function tick(elapsed) {
-      elapsed += total;
-      t._restart(tick, total += delay, time);
-      callback(elapsed);
-    }, delay, time);
-  }
-  t.restart(callback, delay, time);
-  return t;
-}
-
-
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js":
-/*!***************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js ***!
-  \***************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* export default binding */ __WEBPACK_DEFAULT_EXPORT__; }
-/* harmony export */ });
-/* harmony import */ var _timer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timer.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js");
-
-
-/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(callback, delay, time) {
-  var t = new _timer_js__WEBPACK_IMPORTED_MODULE_0__.Timer;
-  delay = delay == null ? 0 : +delay;
-  t.restart(elapsed => {
-    t.stop();
-    callback(elapsed + delay);
-  }, delay, time);
-  return t;
-}
-
-
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js":
-/*!*************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js ***!
-  \*************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Timer": function() { return /* binding */ Timer; },
-/* harmony export */   "now": function() { return /* binding */ now; },
-/* harmony export */   "timer": function() { return /* binding */ timer; },
-/* harmony export */   "timerFlush": function() { return /* binding */ timerFlush; }
-/* harmony export */ });
-var frame = 0, // is an animation frame pending?
-    timeout = 0, // is a timeout pending?
-    interval = 0, // are any timers active?
-    pokeDelay = 1000, // how frequently we check for clock skew
-    taskHead,
-    taskTail,
-    clockLast = 0,
-    clockNow = 0,
-    clockSkew = 0,
-    clock = typeof performance === "object" && performance.now ? performance : Date,
-    setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) { setTimeout(f, 17); };
-
-function now() {
-  return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
-}
-
-function clearNow() {
-  clockNow = 0;
-}
-
-function Timer() {
-  this._call =
-  this._time =
-  this._next = null;
-}
-
-Timer.prototype = timer.prototype = {
-  constructor: Timer,
-  restart: function(callback, delay, time) {
-    if (typeof callback !== "function") throw new TypeError("callback is not a function");
-    time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
-    if (!this._next && taskTail !== this) {
-      if (taskTail) taskTail._next = this;
-      else taskHead = this;
-      taskTail = this;
-    }
-    this._call = callback;
-    this._time = time;
-    sleep();
-  },
-  stop: function() {
-    if (this._call) {
-      this._call = null;
-      this._time = Infinity;
-      sleep();
-    }
-  }
-};
-
-function timer(callback, delay, time) {
-  var t = new Timer;
-  t.restart(callback, delay, time);
-  return t;
-}
-
-function timerFlush() {
-  now(); // Get the current time, if not already set.
-  ++frame; // Pretend we’ve set an alarm, if we haven’t already.
-  var t = taskHead, e;
-  while (t) {
-    if ((e = clockNow - t._time) >= 0) t._call.call(undefined, e);
-    t = t._next;
-  }
-  --frame;
-}
-
-function wake() {
-  clockNow = (clockLast = clock.now()) + clockSkew;
-  frame = timeout = 0;
-  try {
-    timerFlush();
-  } finally {
-    frame = 0;
-    nap();
-    clockNow = 0;
-  }
-}
-
-function poke() {
-  var now = clock.now(), delay = now - clockLast;
-  if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
-}
-
-function nap() {
-  var t0, t1 = taskHead, t2, time = Infinity;
-  while (t1) {
-    if (t1._call) {
-      if (time > t1._time) time = t1._time;
-      t0 = t1, t1 = t1._next;
-    } else {
-      t2 = t1._next, t1._next = null;
-      t1 = t0 ? t0._next = t2 : taskHead = t2;
-    }
-  }
-  taskTail = t0;
-  sleep(time);
-}
-
-function sleep(time) {
-  if (frame) return; // Soonest alarm already set, or will be.
-  if (timeout) timeout = clearTimeout(timeout);
-  var delay = time - clockNow; // Strictly less than if we recomputed clockNow.
-  if (delay > 24) {
-    if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
-    if (interval) interval = clearInterval(interval);
-  } else {
-    if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
-    frame = 1, setFrame(wake);
-  }
-}
-
-
 /***/ })
 
 /******/ 	});
@@ -5913,8 +5623,9 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "CursorHelpers": function() { return /* reexport safe */ _cursor_helpers__WEBPACK_IMPORTED_MODULE_0__.CursorHelpers; },
+/* harmony export */   "VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryCursorContainer": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.VictoryCursorContainer; },
-/* harmony export */   "cursorContainerMixin": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.cursorContainerMixin; }
+/* harmony export */   "useVictoryCursorContainer": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.useVictoryCursorContainer; }
 /* harmony export */ });
 /* harmony import */ var _cursor_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cursor-helpers */ "./cursor-helpers.tsx");
 /* harmony import */ var _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./victory-cursor-container */ "./victory-cursor-container.tsx");