victory-stack 36.9.2-next.3 → 37.0.0

package/es/victory-stack.js

@@ -1,63 +1,61 @@
 import _isEmpty from "lodash/isEmpty";
 import _defaults from "lodash/defaults";
-
-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, Hooks, UserProps, VictoryContainer, VictoryTheme, Wrapper } from "victory-core";
 import { VictorySharedEvents } from "victory-shared-events";
 import { getChildren, useMemoizedProps } from "./helper-methods";
 import isEqual from "react-fast-compare";
-var fallbackProps = {
+const fallbackProps = {
   width: 450,
   height: 300,
   padding: 50
 };
-var defaultProps = {
+const defaultProps = {
   containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),
   groupComponent: /*#__PURE__*/React.createElement("g", null),
   standalone: true,
   theme: VictoryTheme.grayscale,
   fillInMissingData: true
 };
-
-var VictoryStackBase = function (initialProps) {
-  var role = VictoryStack.role;
-  var propsWithDefaults = React.useMemo(function () {
-    return _objectSpread(_objectSpread({}, defaultProps), initialProps);
-  }, [initialProps]);
-
-  var _Hooks$useAnimationSt = Hooks.useAnimationState(),
-      setAnimationState = _Hooks$useAnimationSt.setAnimationState,
-      getAnimationProps = _Hooks$useAnimationSt.getAnimationProps,
-      getProps = _Hooks$useAnimationSt.getProps;
-
-  var props = getProps(propsWithDefaults);
-  var modifiedProps = Helpers.modifyProps(props, fallbackProps, role);
-  var eventKey = modifiedProps.eventKey,
-      containerComponent = modifiedProps.containerComponent,
-      standalone = modifiedProps.standalone,
-      groupComponent = modifiedProps.groupComponent,
-      externalEventMutations = modifiedProps.externalEventMutations,
-      width = modifiedProps.width,
-      height = modifiedProps.height,
-      theme = modifiedProps.theme,
-      polar = modifiedProps.polar,
-      horizontal = modifiedProps.horizontal,
-      name = modifiedProps.name;
-  var childComponents = React.Children.toArray(modifiedProps.children);
-  var calculatedProps = useMemoizedProps(modifiedProps);
-  var domain = calculatedProps.domain,
-      scale = calculatedProps.scale,
-      style = calculatedProps.style;
-  var newChildren = React.useMemo(function () {
-    var children = getChildren(props, childComponents, calculatedProps);
-    var orderedChildren = children.map(function (child, index) {
-      var childProps = Object.assign({
+const VictoryStackBase = initialProps => {
+  const {
+    role
+  } = VictoryStack;
+  const propsWithDefaults = React.useMemo(() => ({
+    ...defaultProps,
+    ...initialProps
+  }), [initialProps]);
+  const {
+    setAnimationState,
+    getAnimationProps,
+    getProps
+  } = Hooks.useAnimationState();
+  const props = getProps(propsWithDefaults);
+  const modifiedProps = Helpers.modifyProps(props, fallbackProps, role);
+  const {
+    eventKey,
+    containerComponent,
+    standalone,
+    groupComponent,
+    externalEventMutations,
+    width,
+    height,
+    theme,
+    polar,
+    horizontal,
+    name
+  } = modifiedProps;
+  const childComponents = React.Children.toArray(modifiedProps.children);
+  const calculatedProps = useMemoizedProps(modifiedProps);
+  const {
+    domain,
+    scale,
+    style
+  } = calculatedProps;
+  const newChildren = React.useMemo(() => {
+    const children = getChildren(props, childComponents, calculatedProps);
+    const orderedChildren = children.map((child, index) => {
+      const childProps = Object.assign({
         animate: getAnimationProps(props, child, index)
       }, child.props);
       return /*#__PURE__*/React.cloneElement(child, childProps);
@@ -67,52 +65,45 @@ var VictoryStackBase = function (initialProps) {
       are rendered behind lower children. This looks nicer for stacked bars with cornerRadius, and
       areas with strokes
     */
-
     return orderedChildren.reverse();
   }, [props, childComponents, calculatedProps, getAnimationProps]);
-  var containerProps = React.useMemo(function () {
+  const containerProps = React.useMemo(() => {
     if (standalone) {
       return {
-        domain: domain,
-        scale: scale,
-        width: width,
-        height: height,
-        standalone: standalone,
-        theme: theme,
+        domain,
+        scale,
+        width,
+        height,
+        standalone,
+        theme,
         style: style.parent,
-        horizontal: horizontal,
-        polar: polar,
-        name: name
+        horizontal,
+        polar,
+        name
       };
     }
-
     return {};
   }, [standalone, domain, scale, width, height, theme, style, horizontal, polar, name]);
-  var userProps = React.useMemo(function () {
-    return UserProps.getSafeUserProps(propsWithDefaults);
-  }, [propsWithDefaults]);
-  var container = React.useMemo(function () {
+  const userProps = React.useMemo(() => UserProps.getSafeUserProps(propsWithDefaults), [propsWithDefaults]);
+  const container = React.useMemo(() => {
     if (standalone) {
-      var defaultContainerProps = _defaults({}, containerComponent.props, containerProps, userProps);
-
+      const defaultContainerProps = _defaults({}, containerComponent.props, containerProps, userProps);
       return /*#__PURE__*/React.cloneElement(containerComponent, defaultContainerProps);
     }
-
     return /*#__PURE__*/React.cloneElement(groupComponent, userProps);
   }, [groupComponent, standalone, containerComponent, containerProps, userProps]);
-  var events = React.useMemo(function () {
+  const events = React.useMemo(() => {
     return Wrapper.getAllEvents(props);
   }, [props]);
-  var previousProps = Hooks.usePreviousProps(propsWithDefaults);
-  React.useEffect(function () {
+  const previousProps = Hooks.usePreviousProps(propsWithDefaults);
+  React.useEffect(() => {
     // This is called before dismount to keep state in sync
-    return function () {
+    return () => {
       if (propsWithDefaults.animate) {
         setAnimationState(previousProps, propsWithDefaults);
       }
     };
   }, [setAnimationState, previousProps, propsWithDefaults]);
-
   if (!_isEmpty(events)) {
     return /*#__PURE__*/React.createElement(VictorySharedEvents, {
       container: container,
@@ -121,14 +112,12 @@ var VictoryStackBase = function (initialProps) {
       externalEventMutations: externalEventMutations
     }, newChildren);
   }
-
   return /*#__PURE__*/React.cloneElement(container, container.props, newChildren);
 };
-
-var componentConfig = {
+const componentConfig = {
   role: "stack",
   expectedComponents: ["groupComponent", "containerComponent", "labelComponent"],
-  getChildren: getChildren
+  getChildren
 };
-export var VictoryStack = Object.assign( /*#__PURE__*/React.memo(VictoryStackBase, isEqual), componentConfig);
+export const VictoryStack = Object.assign( /*#__PURE__*/React.memo(VictoryStackBase, isEqual), componentConfig);
 VictoryStack.displayName = "VictoryStack";

package/lib/helper-methods.d.ts

@@ -1,53 +1,53 @@
-export declare function getCalculatedProps(initialProps: any, childComponents: any): {
-    datasets: any;
-    categories: any;
-    range: any;
-    domain: {
-        x: any;
-        y: any;
-    };
-    horizontal: any;
-    scale: {
-        x: import("victory-core").D3Scale<any>;
-        y: import("victory-core").D3Scale<any>;
-    };
-    style: any;
-    colorScale: any;
-    role: string;
-};
-export declare function useMemoizedProps(initialProps: any): {
-    datasets: any;
-    categories: any;
-    range: any;
-    domain: {
-        x: any;
-        y: any;
-    };
-    horizontal: any;
-    scale: {
-        x: import("victory-core").D3Scale<any>;
-        y: import("victory-core").D3Scale<any>;
-    };
-    style: any;
-    colorScale: any;
-    role: string;
-};
-export declare function getChildProps(props: any, calculatedProps: any): {
-    height: any;
-    width: any;
-    padding: {
-        top: any;
-        bottom: any;
-        left: any;
-        right: any;
-    };
-    standalone: boolean;
-    theme: any;
-    categories: any;
-    domain: any;
-    range: any;
-    scale: any;
-    horizontal: any;
-};
-export declare function getChildren(initialProps: any, childComponents: any, calculatedProps: any): any;
+export declare function getCalculatedProps(initialProps: any, childComponents: any): {
+    datasets: any;
+    categories: any;
+    range: any;
+    domain: {
+        x: any;
+        y: any;
+    };
+    horizontal: any;
+    scale: {
+        x: import("victory-core").D3Scale<any>;
+        y: import("victory-core").D3Scale<any>;
+    };
+    style: any;
+    colorScale: any;
+    role: string;
+};
+export declare function useMemoizedProps(initialProps: any): {
+    datasets: any;
+    categories: any;
+    range: any;
+    domain: {
+        x: any;
+        y: any;
+    };
+    horizontal: any;
+    scale: {
+        x: import("victory-core").D3Scale<any>;
+        y: import("victory-core").D3Scale<any>;
+    };
+    style: any;
+    colorScale: any;
+    role: string;
+};
+export declare function getChildProps(props: any, calculatedProps: any): {
+    height: any;
+    width: any;
+    padding: {
+        top: any;
+        bottom: any;
+        left: any;
+        right: any;
+    };
+    standalone: boolean;
+    theme: any;
+    categories: any;
+    domain: any;
+    range: any;
+    scale: any;
+    horizontal: any;
+};
+export declare function getChildren(initialProps: any, childComponents: any, calculatedProps: any): any;
 //# sourceMappingURL=helper-methods.d.ts.map