victory-core 30.6.1 → 31.2.0

package/src/victory-primitives/text.js

@@ -14,14 +14,8 @@ export default class Text extends React.Component {
     style: PropTypes.object,
     title: PropTypes.string,
     transform: PropTypes.string,
-    x: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.string
-    ]),
-    y: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.string
-    ])
+    x: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    y: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
   };
 
   shouldComponentUpdate(nextProps) {
@@ -30,13 +24,29 @@ export default class Text extends React.Component {
 
   render() {
     const {
-      x, y, dx, dy, events, className, children, style, title, desc, transform, direction
+      x,
+      y,
+      dx,
+      dy,
+      events,
+      className,
+      children,
+      style,
+      title,
+      desc,
+      transform,
+      direction
     } = this.props;
     return (
       <text
         direction={direction}
-        className={className} x={x} dx={dx} y={y} dy={dy}
-        transform={transform} style={style}
+        className={className}
+        x={x}
+        dx={dx}
+        y={y}
+        dy={dy}
+        transform={transform}
+        style={style}
         {...events}
       >
         {title && <title>{title}</title>}

package/src/victory-primitives/tspan.js

@@ -20,12 +20,14 @@ export default class TSpan extends React.Component {
   }
 
   render() {
-    const {
-      x, y, dx, dy, events, className, style, textAnchor, content
-    } = this.props;
+    const { x, y, dx, dy, events, className, style, textAnchor, content } = this.props;
     return (
       <tspan
-        x={x} y={y} dx={dx} dy={dy} textAnchor={textAnchor}
+        x={x}
+        y={y}
+        dx={dx}
+        dy={dy}
+        textAnchor={textAnchor}
         className={className}
         style={style}
         {...events}

package/src/victory-primitives/whisker.js

@@ -6,7 +6,6 @@ import Line from "./line";
 import { assign } from "lodash";
 
 export default class Whisker extends React.Component {
-
   static propTypes = {
     ...CommonProps.primitiveProps,
     groupComponent: PropTypes.element,
@@ -23,17 +22,25 @@ export default class Whisker extends React.Component {
       y1: PropTypes.number,
       y2: PropTypes.number
     })
-  }
+  };
 
   static defaultProps = {
     groupComponent: <g />,
-    lineComponent: <Line/>
-  }
+    lineComponent: <Line />
+  };
 
   render() {
     const {
-      groupComponent, lineComponent, events, className, majorWhisker, minorWhisker,
-      datum, active, transform, clipPath
+      groupComponent,
+      lineComponent,
+      events,
+      className,
+      majorWhisker,
+      minorWhisker,
+      datum,
+      active,
+      transform,
+      clipPath
     } = this.props;
     const style = Helpers.evaluateStyle(this.props.style, datum, active);
     const baseProps = { style, events, className, transform, clipPath };

package/src/victory-theme/grayscale.js

@@ -3,15 +3,7 @@ import { assign } from "lodash";
 // *
 // * Colors
 // *
-const colors = [
-  "#252525",
-  "#525252",
-  "#737373",
-  "#969696",
-  "#bdbdbd",
-  "#d9d9d9",
-  "#f0f0f0"
-];
+const colors = ["#252525", "#525252", "#737373", "#969696", "#bdbdbd", "#d9d9d9", "#f0f0f0"];
 
 const charcoal = "#252525";
 const grey = "#969696";
@@ -50,92 +42,113 @@ const strokeLinecap = "round";
 const strokeLinejoin = "round";
 
 export default {
-  area: assign({
-    style: {
-      data: {
-        fill: charcoal
-      },
-      labels: centeredLabelStyles
-    }
-  }, baseProps),
-  axis: assign({
-    style: {
-      axis: {
-        fill: "transparent",
-        stroke: charcoal,
-        strokeWidth: 1,
-        strokeLinecap,
-        strokeLinejoin
-      },
-      axisLabel: assign({}, centeredLabelStyles, {
-        padding: 25
-      }),
-      grid: {
-        fill: "none",
-        stroke: "none",
-        pointerEvents: "painted"
-      },
-      ticks: {
-        fill: "transparent",
-        size: 1,
-        stroke: "transparent"
-      },
-      tickLabels: baseLabelStyles
-    }
-  }, baseProps),
-  bar: assign({
-    style: {
-      data: {
-        fill: charcoal,
-        padding: 8,
-        strokeWidth: 0
+  area: assign(
+    {
+      style: {
+        data: {
+          fill: charcoal
+        },
+        labels: centeredLabelStyles
+      }
+    },
+    baseProps
+  ),
+  axis: assign(
+    {
+      style: {
+        axis: {
+          fill: "transparent",
+          stroke: charcoal,
+          strokeWidth: 1,
+          strokeLinecap,
+          strokeLinejoin
+        },
+        axisLabel: assign({}, centeredLabelStyles, {
+          padding: 25
+        }),
+        grid: {
+          fill: "none",
+          stroke: "none",
+          pointerEvents: "painted"
+        },
+        ticks: {
+          fill: "transparent",
+          size: 1,
+          stroke: "transparent"
+        },
+        tickLabels: baseLabelStyles
+      }
+    },
+    baseProps
+  ),
+  bar: assign(
+    {
+      style: {
+        data: {
+          fill: charcoal,
+          padding: 8,
+          strokeWidth: 0
+        },
+        labels: baseLabelStyles
+      }
+    },
+    baseProps
+  ),
+  boxplot: assign(
+    {
+      style: {
+        max: { padding: 8, stroke: charcoal, strokeWidth: 1 },
+        maxLabels: baseLabelStyles,
+        median: { padding: 8, stroke: charcoal, strokeWidth: 1 },
+        medianLabels: baseLabelStyles,
+        min: { padding: 8, stroke: charcoal, strokeWidth: 1 },
+        minLabels: baseLabelStyles,
+        q1: { padding: 8, fill: grey },
+        q1Labels: baseLabelStyles,
+        q3: { padding: 8, fill: grey },
+        q3Labels: baseLabelStyles
       },
-      labels: baseLabelStyles
-    }
-  }, baseProps),
-  boxplot: assign({
-    style: {
-      max: { padding: 8, stroke: charcoal, strokeWidth: 1 },
-      maxLabels: baseLabelStyles,
-      median: { padding: 8, stroke: charcoal, strokeWidth: 1 },
-      medianLabels: baseLabelStyles,
-      min: { padding: 8, stroke: charcoal, strokeWidth: 1 },
-      minLabels: baseLabelStyles,
-      q1: { padding: 8, fill: grey },
-      q1Labels: baseLabelStyles,
-      q3: { padding: 8, fill: grey },
-      q3Labels: baseLabelStyles
+      boxWidth: 20
     },
-    boxWidth: 20
-  }, baseProps),
-  candlestick: assign({
-    style: {
-      data: {
-        stroke: charcoal,
-        strokeWidth: 1
+    baseProps
+  ),
+  candlestick: assign(
+    {
+      style: {
+        data: {
+          stroke: charcoal,
+          strokeWidth: 1
+        },
+        labels: centeredLabelStyles
       },
-      labels: centeredLabelStyles
+      candleColors: {
+        positive: "#ffffff",
+        negative: charcoal
+      }
     },
-    candleColors: {
-      positive: "#ffffff",
-      negative: charcoal
-    }
-  }, baseProps),
+    baseProps
+  ),
   chart: baseProps,
-  errorbar: assign({
-    borderWidth: 8,
-    style: {
-      data: {
-        fill: "transparent",
-        stroke: charcoal,
-        strokeWidth: 2
-      },
-      labels: centeredLabelStyles
-    }
-  }, baseProps),
-  group: assign({
-    colorScale: colors
-  }, baseProps),
+  errorbar: assign(
+    {
+      borderWidth: 8,
+      style: {
+        data: {
+          fill: "transparent",
+          stroke: charcoal,
+          strokeWidth: 2
+        },
+        labels: centeredLabelStyles
+      }
+    },
+    baseProps
+  ),
+  group: assign(
+    {
+      colorScale: colors
+    },
+    baseProps
+  ),
   legend: {
     colorScale: colors,
     gutter: 10,
@@ -149,16 +162,19 @@ export default {
       title: assign({}, baseLabelStyles, { padding: 5 })
     }
   },
-  line: assign({
-    style: {
-      data: {
-        fill: "transparent",
-        stroke: charcoal,
-        strokeWidth: 2
-      },
-      labels: centeredLabelStyles
-    }
-  }, baseProps),
+  line: assign(
+    {
+      style: {
+        data: {
+          fill: "transparent",
+          stroke: charcoal,
+          strokeWidth: 2
+        },
+        labels: centeredLabelStyles
+      }
+    },
+    baseProps
+  ),
   pie: {
     style: {
       data: {
@@ -173,19 +189,25 @@ export default {
     height: 400,
     padding: 50
   },
-  scatter: assign({
-    style: {
-      data: {
-        fill: charcoal,
-        stroke: "transparent",
-        strokeWidth: 0
-      },
-      labels: centeredLabelStyles
-    }
-  }, baseProps),
-  stack: assign({
-    colorScale: colors
-  }, baseProps),
+  scatter: assign(
+    {
+      style: {
+        data: {
+          fill: charcoal,
+          stroke: "transparent",
+          strokeWidth: 0
+        },
+        labels: centeredLabelStyles
+      }
+    },
+    baseProps
+  ),
+  stack: assign(
+    {
+      colorScale: colors
+    },
+    baseProps
+  ),
   tooltip: {
     style: assign({}, centeredLabelStyles, { padding: 5, pointerEvents: "none" }),
     flyoutStyle: {
@@ -197,20 +219,23 @@ export default {
     cornerRadius: 5,
     pointerLength: 10
   },
-  voronoi: assign({
-    style: {
-      data: {
-        fill: "transparent",
-        stroke: "transparent",
-        strokeWidth: 0
-      },
-      labels: assign({}, centeredLabelStyles, { padding: 5, pointerEvents: "none" }),
-      flyout: {
-        stroke: charcoal,
-        strokeWidth: 1,
-        fill: "#f0f0f0",
-        pointerEvents: "none"
+  voronoi: assign(
+    {
+      style: {
+        data: {
+          fill: "transparent",
+          stroke: "transparent",
+          strokeWidth: 0
+        },
+        labels: assign({}, centeredLabelStyles, { padding: 5, pointerEvents: "none" }),
+        flyout: {
+          stroke: charcoal,
+          strokeWidth: 1,
+          fill: "#f0f0f0",
+          pointerEvents: "none"
+        }
       }
-    }
-  }, baseProps)
+    },
+    baseProps
+  )
 };