defaults object for background props in chart helper methods, export Background from Victory package

Author: maddles

demo/js/components/victory-chart-demo.js

@@ -11,7 +11,12 @@ import { VictoryArea } from "Packages/victory-area/src/index";
 import { VictoryBar } from "Packages/victory-bar/src/index";
 import { VictoryLine } from "Packages/victory-line/src/index";
 import { VictoryScatter } from "Packages/victory-scatter/src/index";
-import { VictoryLabel, VictoryTheme, VictoryClipContainer } from "Packages/victory-core/src/index";
+import {
+  Background,
+  VictoryLabel,
+  VictoryTheme,
+  VictoryClipContainer
+} from "Packages/victory-core/src/index";
 
 const UPDATE_INTERVAL = 3000;
 

packages/victory-chart/src/helper-methods.js

@@ -64,7 +64,10 @@ function getBackgroundWithProps(props, calculatedProps) {
     width
   };
 
-  return React.cloneElement(backgroundElement, backgroundProps);
+  return React.cloneElement(
+    backgroundElement,
+    defaults({}, backgroundElement.props, backgroundProps)
+  );
 }
 
 function getChildProps(child, props, calculatedProps) {

packages/victory/src/index.d.ts

@@ -3,6 +3,7 @@
 
 declare module "victory" {
   import {
+    Background,
     // Border,
     // Box,
     // ClipPath,
@@ -115,6 +116,7 @@ declare module "victory" {
 
   export {
     // Area,
+    Background,
     // Bar,
     // Border,
     // Box,

packages/victory/src/index.js

@@ -1,4 +1,5 @@
 import {
+  Background,
   Border,
   Box,
   ClipPath,
@@ -87,6 +88,7 @@ import { VictoryPolarAxis } from "victory-polar-axis";
 
 export {
   Area,
+  Background,
   Bar,
   Border,
   Box,