@devexpress/dx-react-chart-material-ui - npm Package Compare versions

Comparing version 1.9.0 to 1.9.1

dist/dx-react-chart-material-ui.cjs.js

 /**
  * Bundle of @devexpress/dx-react-chart-material-ui
- * Generated: 2018-11-07
- * Version: 1.9.0
+ * Generated: 2018-12-07
+ * Version: 1.9.1
  * License: https://js.devexpress.com/Licensing
@@ -16,86 +16,102 @@ */
 
-var dxReactChart = require('@devexpress/dx-react-chart');
 var colorManipulator = require('@material-ui/core/styles/colorManipulator');
+var List = _interopDefault(require('@material-ui/core/List'));
+var ListItemText = _interopDefault(require('@material-ui/core/ListItemText'));
+var ListItem = _interopDefault(require('@material-ui/core/ListItem'));
 var styles = require('@material-ui/core/styles');
 var classNames = _interopDefault(require('classnames'));
+var dxReactChart = require('@devexpress/dx-react-chart');
+var dxReactCore = require('@devexpress/dx-react-core');
+var PropTypes = require('prop-types');
+var Popover = _interopDefault(require('@material-ui/core/Popover'));
 var React = require('react');
-var PropTypes = require('prop-types');
-var List = _interopDefault(require('@material-ui/core/List'));
-var ListItemText = _interopDefault(require('@material-ui/core/ListItemText'));
-var ListItem = _interopDefault(require('@material-ui/core/ListItem'));
 var Typography = _interopDefault(require('@material-ui/core/Typography'));
 
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+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;
   }
-};
 
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign || 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 function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
+    return target;
   };
-}();
 
-var _extends = Object.assign || function (target) {
+  return _extends.apply(this, arguments);
+}
+
+function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
 
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
     }
+
+    ownKeys.forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    });
   }
 
   return target;
-};
+}
 
-var inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var objectWithoutProperties = function (obj, keys) {
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
   var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
 
-  for (var i in obj) {
-    if (keys.indexOf(i) >= 0) continue;
-    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
-    target[i] = obj[i];
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
 
   return target;
-};
+}
 
-var possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
   }
 
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
+  return target;
+}
 
@@ -105,5 +121,4 @@ var getBorderColor = function getBorderColor(theme) {
 };
-
 var withClassName = function withClassName() {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -115,10 +130,12 @@ }
         classes = _ref.classes,
-        restProps = objectWithoutProperties(_ref, ['className', 'classes']);
-    return _extends({
+        restProps = _objectWithoutProperties(_ref, ["className", "classes"]);
+
+    return _objectSpread({
       className: classNames(classes.root, className)
     }, restProps);
-  };
-  // TODO: First candidate to `compose` util?
+  }; // TODO: First candidate to `compose` util?
+
+
   return function (Target) {
-    return styles.withStyles.apply(undefined, args)(dxReactChart.withPatchedProps(setClassName)(Target));
+    return styles.withStyles.apply(void 0, args)(dxReactChart.withPatchedProps(setClassName)(Target));
   };
@@ -132,3 +149,2 @@ };
       fontWeightLight = _theme$typography.fontWeightLight;
-
   return {
@@ -150,3 +166,2 @@ root: {
   var fontFamily = theme.typography.fontFamily;
-
   return {
@@ -168,18 +183,16 @@ root: {
   var children = _ref.children,
-      props = objectWithoutProperties(_ref, ['children']);
-  return React.createElement(
-    dxReactChart.Chart,
-    props,
-    React.createElement(dxReactChart.Palette, { scheme: palette }),
-    children
-  );
+      props = _objectWithoutProperties(_ref, ["children"]);
+
+  return React.createElement(dxReactChart.Chart, props, React.createElement(dxReactChart.Palette, {
+    scheme: palette
+  }), children);
 };
 
 ChartWithPalette.components = dxReactChart.Chart.components;
-
 process.env.NODE_ENV !== "production" ? ChartWithPalette.propTypes = {
   children: PropTypes.node.isRequired
 } : void 0;
-
-var Chart = dxReactChart.withComponents({ Root: Root })(ChartWithPalette);
+var Chart = dxReactCore.withComponents({
+  Root: Root
+})(ChartWithPalette);
 Chart.Label = Label;
@@ -196,3 +209,5 @@
 
-var Root$1 = withClassName(styles$3, { name: 'LegendRoot' })(List);
+var Root$1 = withClassName(styles$3, {
+  name: 'LegendRoot'
+})(List);
 
@@ -209,10 +224,9 @@ var styles$4 = function styles$$1() {
 
-var Label$1 = withClassName(styles$4, { name: 'LegendLabel' })(function (_ref) {
+var Label$1 = withClassName(styles$4, {
+  name: 'LegendLabel'
+})(function (_ref) {
   var text = _ref.text,
-      restProps = objectWithoutProperties(_ref, ['text']);
-  return React.createElement(
-    ListItemText,
-    restProps,
-    text
-  );
+      restProps = _objectWithoutProperties(_ref, ["text"]);
+
+  return React.createElement(ListItemText, restProps, text);
 });
@@ -230,40 +244,39 @@
 
-var Item = withClassName(styles$5, { name: 'LegendItem' })(ListItem);
+var Item = withClassName(styles$5, {
+  name: 'LegendItem'
+})(ListItem);
 
-var Legend = dxReactChart.withComponents({
-  Root: Root$1, Item: Item, Label: Label$1
+var Legend = dxReactCore.withComponents({
+  Root: Root$1,
+  Item: Item,
+  Label: Label$1
 })(dxReactChart.Legend);
 
-var Text = function (_React$PureComponent) {
-  inherits(Text, _React$PureComponent);
+var styles$6 = function styles$$1() {
+  return {
+    root: {
+      textAlign: 'center',
+      width: '100%',
+      marginBottom: '20px'
+    }
+  };
+};
 
-  function Text() {
-    classCallCheck(this, Text);
-    return possibleConstructorReturn(this, (Text.__proto__ || Object.getPrototypeOf(Text)).apply(this, arguments));
-  }
+var Text = withClassName(styles$6, {
+  name: 'Title'
+})(function (_ref) {
+  var text = _ref.text,
+      restProps = _objectWithoutProperties(_ref, ["text"]);
 
-  createClass(Text, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          restProps = objectWithoutProperties(_props, ['text']);
+  return React.createElement(Typography, _extends({
+    component: "h3",
+    variant: "h5"
+  }, restProps), text);
+});
 
-      return React.createElement(
-        Typography,
-        _extends({ component: 'h3', variant: 'h5' }, restProps),
-        text
-      );
-    }
-  }]);
-  return Text;
-}(React.PureComponent);
+var Title = dxReactCore.withComponents({
+  Text: Text
+})(dxReactChart.Title);
 
-process.env.NODE_ENV !== "production" ? Text.propTypes = {
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-} : void 0;
-
-var Title = dxReactChart.withComponents({ Text: Text })(dxReactChart.Title);
-
-var styles$6 = function styles$$1(theme) {
+var styles$7 = function styles$$1(theme) {
   return {
@@ -278,34 +291,22 @@ point: {
   var classes = _ref.classes,
-      restProps = objectWithoutProperties(_ref, ['classes']);
+      restProps = _objectWithoutProperties(_ref, ["classes"]);
 
   if (restProps.state) {
     var className = restProps.className,
-        rest = objectWithoutProperties(restProps, ['className']);
+        rest = _objectWithoutProperties(restProps, ["className"]);
 
-    return _extends({
+    return _objectSpread({
       className: classNames(classes.point, className)
     }, rest);
   }
+
   return restProps;
 };
 
-var Point = styles.withStyles(styles$6)(dxReactChart.withPatchedProps(setClassName)(dxReactChart.ScatterSeries.Point));
+var Point = styles.withStyles(styles$7)(dxReactChart.withPatchedProps(setClassName)(dxReactChart.ScatterSeries.Point));
 
-var ScatterSeries = dxReactChart.withComponents({ Point: Point })(dxReactChart.ScatterSeries);
+var ScatterSeries = dxReactCore.withComponents({
+  Point: Point
+})(dxReactChart.ScatterSeries);
 
-var styles$7 = function styles$$1(theme) {
-  return {
-    root: {
-      stroke: getBorderColor(theme),
-      shapeRendering: 'crispEdges'
-    }
-  };
-};
-
-var Line = withClassName(styles$7)(dxReactChart.Grid.Line);
-
-var ValueGrid = dxReactChart.withComponents({ Line: Line })(dxReactChart.ValueGrid);
-
-var ArgumentGrid = dxReactChart.withComponents({ Line: Line })(dxReactChart.ArgumentGrid);
-
 var styles$8 = function styles$$1() {
@@ -334,3 +335,2 @@ return {
   var fontFamily = theme.typography.fontFamily;
-
   return {
@@ -358,12 +358,78 @@ root: {
 
-var Line$1 = withClassName(styles$b)(dxReactChart.Axis.Line);
+var Line = withClassName(styles$b)(dxReactChart.Axis.Line);
 
-var ValueAxis = dxReactChart.withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
+var styles$c = function styles$$1(theme) {
+  return {
+    root: {
+      stroke: getBorderColor(theme),
+      shapeRendering: 'crispEdges'
+    }
+  };
+};
+
+var Grid = withClassName(styles$c)(dxReactChart.Axis.Grid);
+
+var ValueAxis = dxReactCore.withComponents({
+  Root: Root$2,
+  Tick: Tick,
+  Label: Label$2,
+  Line: Line,
+  Grid: Grid
 })(dxReactChart.ValueAxis);
 
-var ArgumentAxis = dxReactChart.withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
+var ArgumentAxis = dxReactCore.withComponents({
+  Root: Root$2,
+  Tick: Tick,
+  Label: Label$2,
+  Line: Line,
+  Grid: Grid
 })(dxReactChart.ArgumentAxis);
 
+var Overlay = function Overlay(_ref) {
+  var children = _ref.children,
+      target = _ref.target,
+      restProps = _objectWithoutProperties(_ref, ["children", "target"]);
+
+  return React.createElement(Popover, _extends({
+    open: true,
+    anchorEl: target,
+    anchorOrigin: {
+      vertical: 'center',
+      horizontal: 'center'
+    },
+    transformOrigin: {
+      vertical: 'bottom',
+      horizontal: 'center'
+    }
+  }, restProps), children);
+};
+process.env.NODE_ENV !== "production" ? Overlay.propTypes = {
+  children: PropTypes.node.isRequired,
+  target: PropTypes.func.isRequired
+} : void 0;
+
+var styles$d = function styles$$1(theme) {
+  return {
+    root: {
+      fontSize: 14,
+      padding: theme.spacing.unit * 0.5
+    }
+  };
+};
+
+var Content = withClassName(styles$d, {
+  name: 'TooltipContent'
+})(function (_ref) {
+  var text = _ref.text,
+      targetItem = _ref.targetItem,
+      restProps = _objectWithoutProperties(_ref, ["text", "targetItem"]);
+
+  return React.createElement(Typography, restProps, text);
+});
+
+var Tooltip = dxReactCore.withComponents({
+  Overlay: Overlay,
+  Content: Content
+})(dxReactChart.Tooltip);
+
 exports.PieSeries = dxReactChart.PieSeries;
@@ -378,6 +444,5 @@ exports.BarSeries = dxReactChart.BarSeries;
 exports.ScatterSeries = ScatterSeries;
-exports.ValueGrid = ValueGrid;
-exports.ArgumentGrid = ArgumentGrid;
 exports.ValueAxis = ValueAxis;
 exports.ArgumentAxis = ArgumentAxis;
+exports.Tooltip = Tooltip;
 //# sourceMappingURL=dx-react-chart-material-ui.cjs.js.map

dist/dx-react-chart-material-ui.d.ts

 import * as React from 'react';
 import {
-  ScaleObject
+  ScaleObject,
+  SeriesRef
 } from '@devexpress/dx-react-chart';
@@ -20,2 +21,7 @@
 
+export namespace AreaSeries {
+  /** Describes properties of a component that renders series. */
+  export type PathSeriesProps = AreaSeriesBase.PathSeriesProps;
+}
+
 export interface AreaSeriesProps {
@@ -28,4 +34,4 @@ /** A series name. */
   argumentField?: string;
-  /** An associated axis. */
-  axisName?: string;
+  /** An associated scale. */
+  scaleName?: string;
   /** The series color. */
@@ -40,3 +46,3 @@ color?: string;
   /** A component that renders series. */
-  Path: React.ComponentType<AreaSeriesBase.SeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  Path: React.ComponentType<AreaSeriesBase.PathSeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
 };
@@ -59,4 +65,4 @@
 export namespace ArgumentAxis {
-  /** Describes properties passed to a component that renders a tick line. */
-  export type TickProps = ArgumentAxisBase.TickProps;
+  /** Describes properties passed to a component that renders the axis's line, ticks and grid. */
+  export type LineProps = ArgumentAxisBase.LineProps;
 }
@@ -69,7 +75,2 @@
 
-export namespace ArgumentAxis {
-  /** Describes properties passed to a component that renders the axis's line. */
-  export type LineProps = ArgumentAxisBase.LineProps;
-}
-
 export interface ArgumentAxisProps {
@@ -80,4 +81,2 @@ /** The tick size. */
   position?: 'bottom' | 'top';
-  /** The axis name. */
-  name?: string;
   /** The indent from the axis. */
@@ -87,2 +86,10 @@ indentFromAxis?: number;
   type?: 'band' | 'linear';
+  /** Specifies whether to render ticks. */
+  showTicks?: boolean;
+  /** Specifies whether to render grids. */
+  showGrids?: boolean;
+  /** Specifies whether to render the axis's line. */
+  showLine?: boolean;
+  /** Specifies whether to render the axis's labels. */
+  showLabels?: boolean;
   /** A function that returns a tick formatter function. */
@@ -93,3 +100,3 @@ tickFormat?: (scale: ScaleObject) => (tick: string) => string;
   /** A component that renders a tick. */
-  tickComponent?: React.ComponentType<ArgumentAxisBase.TickProps>;
+  tickComponent?: React.ComponentType<ArgumentAxisBase.LineProps>;
   /** A component that renders the axis's label. */
@@ -99,2 +106,4 @@ labelComponent?: React.ComponentType<ArgumentAxisBase.LabelProps>;
   lineComponent?: React.ComponentType<ArgumentAxisBase.LineProps>;
+  /** A component that renders the grid. */
+  gridComponent?: React.ComponentType<ArgumentAxisBase.LineProps>;
 }
@@ -107,3 +116,3 @@
   /** A component that renders the tick. */
-  Tick: React.ComponentType<ArgumentAxisBase.TickProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  Tick: React.ComponentType<ArgumentAxisBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
   /** A component that renders the axis's label. */
@@ -113,32 +122,7 @@ Label: React.ComponentType<ArgumentAxisBase.LabelProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
   Line: React.ComponentType<ArgumentAxisBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  /** A component that renders the grid. */
+  Grid: React.ComponentType<ArgumentAxisBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
 };
 
 // -------------------------------------------------------------------------------------------------
-// ArgumentGrid
-// -------------------------------------------------------------------------------------------------
-
-import {
-  ArgumentGrid as ArgumentGridBase,
-} from '@devexpress/dx-react-chart';
-
-
-export namespace ArgumentGrid {
-  /** Describes properties passed to a component that renders a grid line. */
-  export type LineProps = ArgumentGridBase.LineProps;
-}
-
-export interface ArgumentGridProps {
-  /** An axis name. */
-  name?: string;
-  /** A component that renders a grid line. */
-  lineComponent?: React.ComponentType<ArgumentGridBase.LineProps>;
-}
-
-/** The ArgumentGrid plugin visualizes a grid for the argument axis. */
-export declare const ArgumentGrid: React.ComponentType<ArgumentGridProps> & {
-  /** A component that renders a grid line. */
-  Line: React.ComponentType<ArgumentGridBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
-};
-
-// -------------------------------------------------------------------------------------------------
 // BarSeries
@@ -164,4 +148,4 @@ // -------------------------------------------------------------------------------------------------
   argumentField?: string;
-  /** An associated axis. */
-  axisName?: string;
+  /** An associated scale. */
+  scaleName?: string;
   /** The bar width in relative units. */
@@ -280,2 +264,7 @@ barWidth?: number;
 
+export namespace LineSeries {
+  /** Describes properties of a component that renders series. */
+  export type PathSeriesProps = LineSeriesBase.PathSeriesProps;
+}
+
 export interface LineSeriesProps {
@@ -288,4 +277,4 @@ /** The series name. */
   argumentField?: string;
-  /** An associated axis. */
-  axisName?: string;
+  /** An associated scale. */
+  scaleName?: string;
   /** The series color. */
@@ -300,3 +289,3 @@ color?: string;
   /** A component that renders series. */
-  Path: React.ComponentType<LineSeriesBase.SeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  Path: React.ComponentType<LineSeriesBase.PathSeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
 };
@@ -365,4 +354,4 @@
   argumentField?: string;
-  /** The associated axis. */
-  axisName?: string;
+  /** The associated scale. */
+  scaleName?: string;
   /** Point options. */
@@ -398,2 +387,7 @@ point?: { size : number };
 
+export namespace SplineSeries {
+  /** Describes properties of a component that renders series. */
+  export type PathSeriesProps = SplineSeriesBase.PathSeriesProps;
+}
+
 export interface SplineSeriesProps {
@@ -406,4 +400,4 @@ /** The series name. */
   argumentField?: string;
-  /** An associated axis. */
-  axisName?: string;
+  /** An associated scale. */
+  scaleName?: string;
   /** The series color. */
@@ -418,3 +412,3 @@ color?: string;
   /** A component that renders series. */
-  Path: React.ComponentType<SplineSeriesBase.SeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  Path: React.ComponentType<SplineSeriesBase.PathSeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
 };
@@ -452,2 +446,37 @@
 // -------------------------------------------------------------------------------------------------
+// Tooltip
+// -------------------------------------------------------------------------------------------------
+
+import {
+  Tooltip as TooltipBase,
+} from '@devexpress/dx-react-chart';
+
+
+export namespace Tooltip {
+  /** Describes properties passed to a component that renders the tooltip. */
+  export type OverlayProps = TooltipBase.OverlayProps;
+}
+
+export namespace Tooltip {
+  /** Describes properties passed to a component that renders the tooltip's content. */
+  export type ContentProps = TooltipBase.ContentProps;
+}
+
+export interface TooltipProps {
+  /** An item for which the tooltip is displayed initially. */
+  defaultTargetItem?: SeriesRef;
+  /** An item for which the tooltip is displayed. */
+  targetItem?: SeriesRef;
+  /** A function that is executed when the target item changes. */
+  onTargetItemChange?: (target: SeriesRef) => void;
+  /** A component that renders the tooltip. */
+  overlayComponent?: React.ComponentType<TooltipBase.OverlayProps>;
+  /** A component that renders the tooltip content. */
+  contentComponent?: React.ComponentType<TooltipBase.ContentProps>;
+}
+
+/** The `Tooltip` plugin implements a tooltip that shows information about a point. The tooltip appears when a user hovers the mouse pointer over a series point. */
+export declare const Tooltip: React.ComponentType<TooltipProps>;
+
+// -------------------------------------------------------------------------------------------------
 // ValueAxis
@@ -467,4 +496,4 @@ // -------------------------------------------------------------------------------------------------
 export namespace ValueAxis {
-  /** Describes properties passed to a component that renders a tick line. */
-  export type TickProps = ValueAxisBase.TickProps;
+  /** Describes properties passed to a component that renders the axis's line, ticks and grid. */
+  export type LineProps = ValueAxisBase.LineProps;
 }
@@ -477,7 +506,2 @@
 
-export namespace ValueAxis {
-  /** Describes properties passed to a component that renders the axis line. */
-  export type LineProps = ValueAxisBase.LineProps;
-}
-
 export interface ValueAxisProps {
@@ -488,4 +512,4 @@ /** The tick size. */
   position?: 'left' | 'right';
-  /** The axis name. */
-  name?: string;
+  /** The scale name. */
+  scaleName?: string;
   /** The indent from the axis. */
@@ -495,2 +519,10 @@ indentFromAxis?: number;
   type?: 'band' | 'linear';
+  /** Specifies whether to render ticks. */
+  showTicks?: boolean;
+  /** Specifies whether to render grids. */
+  showGrids?: boolean;
+  /** Specifies whether to render the axis's line. */
+  showLine?: boolean;
+  /** Specifies whether to render the axis's labels. */
+  showLabels?: boolean;
   /** A function that returns a tick formatter function. */
@@ -501,3 +533,3 @@ tickFormat?: (scale: ScaleObject) => (tick: string) => string;
   /** A component that renders a tick. */
-  tickComponent?: React.ComponentType<ValueAxisBase.TickProps>;
+  tickComponent?: React.ComponentType<ValueAxisBase.LineProps>;
   /** A component that renders the axis label. */
@@ -507,2 +539,4 @@ labelComponent?: React.ComponentType<ValueAxisBase.LabelProps>;
   lineComponent?: React.ComponentType<ValueAxisBase.LineProps>;
+  /** A component that renders the grid. */
+  gridComponent?: React.ComponentType<ValueAxisBase.LineProps>;
 }
@@ -515,3 +549,3 @@
   /** A component that renders the tick. */
-  Tick: React.ComponentType<ValueAxisBase.TickProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  Tick: React.ComponentType<ValueAxisBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
   /** A component that renders the axis label. */
@@ -521,29 +555,4 @@ Label: React.ComponentType<ValueAxisBase.LabelProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
   Line: React.ComponentType<ValueAxisBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+  /** A component that renders the grid. */
+  Grid: React.ComponentType<ValueAxisBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
 };
-
-// -------------------------------------------------------------------------------------------------
-// ValueGrid
-// -------------------------------------------------------------------------------------------------
-
-import {
-  ValueGrid as ValueGridBase,
-} from '@devexpress/dx-react-chart';
-
-
-export namespace ValueGrid {
-  /** Describes properties passed to a component that renders a grid line. */
-  export type LineProps = ValueGridBase.LineProps;
-}
-
-export interface ValueGridProps {
-  /** An axis name. */
-  name?: string;
-  /** A component that renders a grid line. */
-  lineComponent?: React.ComponentType<ValueGridBase.LineProps>;
-}
-
-/** The ValueGrid plugin visualizes a grid for the value axis. */
-export declare const ValueGrid: React.ComponentType<ValueGridProps> & {
-  /** A component that renders a grid line. */
-  Line: React.ComponentType<ValueGridBase.LineProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
-};

dist/dx-react-chart-material-ui.es.js

 /**
  * Bundle of @devexpress/dx-react-chart-material-ui
- * Generated: 2018-11-07
- * Version: 1.9.0
+ * Generated: 2018-12-07
+ * Version: 1.9.1
  * License: https://js.devexpress.com/Licensing
  */
 
-import { withPatchedProps, Chart, withComponents, Palette, Legend, Title, ScatterSeries, Grid, ValueGrid, ArgumentGrid, Axis, ValueAxis, ArgumentAxis } from '@devexpress/dx-react-chart';
-export { PieSeries, BarSeries, LineSeries, AreaSeries, SplineSeries } from '@devexpress/dx-react-chart';
 import { darken, fade, lighten } from '@material-ui/core/styles/colorManipulator';
-import { withStyles } from '@material-ui/core/styles';
-import classNames from 'classnames';
-import { createElement, PureComponent } from 'react';
-import { node, oneOfType, string, number } from 'prop-types';
 import List from '@material-ui/core/List';
 import ListItemText from '@material-ui/core/ListItemText';
 import ListItem from '@material-ui/core/ListItem';
+import { withStyles } from '@material-ui/core/styles';
+import classNames from 'classnames';
+import { withPatchedProps, Chart, Palette, Legend, Title, ScatterSeries, Axis, ValueAxis, ArgumentAxis, Tooltip } from '@devexpress/dx-react-chart';
+export { PieSeries, BarSeries, LineSeries, AreaSeries, SplineSeries } from '@devexpress/dx-react-chart';
+import { withComponents } from '@devexpress/dx-react-core';
+import { node, func } from 'prop-types';
+import Popover from '@material-ui/core/Popover';
+import { createElement } from 'react';
 import Typography from '@material-ui/core/Typography';
 
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
+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;
   }
-};
 
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+  return obj;
+}
+
+function _extends() {
+  _extends = Object.assign || 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 function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
+    return target;
   };
-}();
 
-var _extends = Object.assign || function (target) {
+  return _extends.apply(this, arguments);
+}
+
+function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
 
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
     }
+
+    ownKeys.forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    });
   }
 
   return target;
-};
+}
 
-var inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var objectWithoutProperties = function (obj, keys) {
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
   var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
 
-  for (var i in obj) {
-    if (keys.indexOf(i) >= 0) continue;
-    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
-    target[i] = obj[i];
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
 
   return target;
-};
+}
 
-var possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
   }
 
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
+  return target;
+}
 
@@ -97,5 +113,4 @@ var getBorderColor = function getBorderColor(theme) {
 };
-
 var withClassName = function withClassName() {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -107,10 +122,12 @@ }
         classes = _ref.classes,
-        restProps = objectWithoutProperties(_ref, ['className', 'classes']);
-    return _extends({
+        restProps = _objectWithoutProperties(_ref, ["className", "classes"]);
+
+    return _objectSpread({
       className: classNames(classes.root, className)
     }, restProps);
-  };
-  // TODO: First candidate to `compose` util?
+  }; // TODO: First candidate to `compose` util?
+
+
   return function (Target) {
-    return withStyles.apply(undefined, args)(withPatchedProps(setClassName)(Target));
+    return withStyles.apply(void 0, args)(withPatchedProps(setClassName)(Target));
   };
@@ -124,3 +141,2 @@ };
       fontWeightLight = _theme$typography.fontWeightLight;
-
   return {
@@ -142,3 +158,2 @@ root: {
   var fontFamily = theme.typography.fontFamily;
-
   return {
@@ -160,18 +175,16 @@ root: {
   var children = _ref.children,
-      props = objectWithoutProperties(_ref, ['children']);
-  return createElement(
-    Chart,
-    props,
-    createElement(Palette, { scheme: palette }),
-    children
-  );
+      props = _objectWithoutProperties(_ref, ["children"]);
+
+  return createElement(Chart, props, createElement(Palette, {
+    scheme: palette
+  }), children);
 };
 
 ChartWithPalette.components = Chart.components;
-
 process.env.NODE_ENV !== "production" ? ChartWithPalette.propTypes = {
   children: node.isRequired
 } : void 0;
-
-var Chart$1 = withComponents({ Root: Root })(ChartWithPalette);
+var Chart$1 = withComponents({
+  Root: Root
+})(ChartWithPalette);
 Chart$1.Label = Label;
@@ -188,3 +201,5 @@
 
-var Root$1 = withClassName(styles$2, { name: 'LegendRoot' })(List);
+var Root$1 = withClassName(styles$2, {
+  name: 'LegendRoot'
+})(List);
 
@@ -201,10 +216,9 @@ var styles$3 = function styles() {
 
-var Label$1 = withClassName(styles$3, { name: 'LegendLabel' })(function (_ref) {
+var Label$1 = withClassName(styles$3, {
+  name: 'LegendLabel'
+})(function (_ref) {
   var text = _ref.text,
-      restProps = objectWithoutProperties(_ref, ['text']);
-  return createElement(
-    ListItemText,
-    restProps,
-    text
-  );
+      restProps = _objectWithoutProperties(_ref, ["text"]);
+
+  return createElement(ListItemText, restProps, text);
 });
@@ -222,40 +236,39 @@
 
-var Item = withClassName(styles$4, { name: 'LegendItem' })(ListItem);
+var Item = withClassName(styles$4, {
+  name: 'LegendItem'
+})(ListItem);
 
 var Legend$1 = withComponents({
-  Root: Root$1, Item: Item, Label: Label$1
+  Root: Root$1,
+  Item: Item,
+  Label: Label$1
 })(Legend);
 
-var Text = function (_React$PureComponent) {
-  inherits(Text, _React$PureComponent);
+var styles$5 = function styles() {
+  return {
+    root: {
+      textAlign: 'center',
+      width: '100%',
+      marginBottom: '20px'
+    }
+  };
+};
 
-  function Text() {
-    classCallCheck(this, Text);
-    return possibleConstructorReturn(this, (Text.__proto__ || Object.getPrototypeOf(Text)).apply(this, arguments));
-  }
+var Text = withClassName(styles$5, {
+  name: 'Title'
+})(function (_ref) {
+  var text = _ref.text,
+      restProps = _objectWithoutProperties(_ref, ["text"]);
 
-  createClass(Text, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          text = _props.text,
-          restProps = objectWithoutProperties(_props, ['text']);
+  return createElement(Typography, _extends({
+    component: "h3",
+    variant: "h5"
+  }, restProps), text);
+});
 
-      return createElement(
-        Typography,
-        _extends({ component: 'h3', variant: 'h5' }, restProps),
-        text
-      );
-    }
-  }]);
-  return Text;
-}(PureComponent);
+var Title$1 = withComponents({
+  Text: Text
+})(Title);
 
-process.env.NODE_ENV !== "production" ? Text.propTypes = {
-  text: oneOfType([string, number]).isRequired
-} : void 0;
-
-var Title$1 = withComponents({ Text: Text })(Title);
-
-var styles$5 = function styles(theme) {
+var styles$6 = function styles(theme) {
   return {
@@ -270,34 +283,22 @@ point: {
   var classes = _ref.classes,
-      restProps = objectWithoutProperties(_ref, ['classes']);
+      restProps = _objectWithoutProperties(_ref, ["classes"]);
 
   if (restProps.state) {
     var className = restProps.className,
-        rest = objectWithoutProperties(restProps, ['className']);
+        rest = _objectWithoutProperties(restProps, ["className"]);
 
-    return _extends({
+    return _objectSpread({
       className: classNames(classes.point, className)
     }, rest);
   }
+
   return restProps;
 };
 
-var Point = withStyles(styles$5)(withPatchedProps(setClassName)(ScatterSeries.Point));
+var Point = withStyles(styles$6)(withPatchedProps(setClassName)(ScatterSeries.Point));
 
-var ScatterSeries$1 = withComponents({ Point: Point })(ScatterSeries);
+var ScatterSeries$1 = withComponents({
+  Point: Point
+})(ScatterSeries);
 
-var styles$6 = function styles(theme) {
-  return {
-    root: {
-      stroke: getBorderColor(theme),
-      shapeRendering: 'crispEdges'
-    }
-  };
-};
-
-var Line = withClassName(styles$6)(Grid.Line);
-
-var ValueGrid$1 = withComponents({ Line: Line })(ValueGrid);
-
-var ArgumentGrid$1 = withComponents({ Line: Line })(ArgumentGrid);
-
 var styles$7 = function styles() {
@@ -326,3 +327,2 @@ return {
   var fontFamily = theme.typography.fontFamily;
-
   return {
@@ -350,13 +350,79 @@ root: {
 
-var Line$1 = withClassName(styles$a)(Axis.Line);
+var Line = withClassName(styles$a)(Axis.Line);
 
+var styles$b = function styles(theme) {
+  return {
+    root: {
+      stroke: getBorderColor(theme),
+      shapeRendering: 'crispEdges'
+    }
+  };
+};
+
+var Grid = withClassName(styles$b)(Axis.Grid);
+
 var ValueAxis$1 = withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
+  Root: Root$2,
+  Tick: Tick,
+  Label: Label$2,
+  Line: Line,
+  Grid: Grid
 })(ValueAxis);
 
 var ArgumentAxis$1 = withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
+  Root: Root$2,
+  Tick: Tick,
+  Label: Label$2,
+  Line: Line,
+  Grid: Grid
 })(ArgumentAxis);
 
-export { Chart$1 as Chart, Legend$1 as Legend, Title$1 as Title, ScatterSeries$1 as ScatterSeries, ValueGrid$1 as ValueGrid, ArgumentGrid$1 as ArgumentGrid, ValueAxis$1 as ValueAxis, ArgumentAxis$1 as ArgumentAxis };
+var Overlay = function Overlay(_ref) {
+  var children = _ref.children,
+      target = _ref.target,
+      restProps = _objectWithoutProperties(_ref, ["children", "target"]);
+
+  return createElement(Popover, _extends({
+    open: true,
+    anchorEl: target,
+    anchorOrigin: {
+      vertical: 'center',
+      horizontal: 'center'
+    },
+    transformOrigin: {
+      vertical: 'bottom',
+      horizontal: 'center'
+    }
+  }, restProps), children);
+};
+process.env.NODE_ENV !== "production" ? Overlay.propTypes = {
+  children: node.isRequired,
+  target: func.isRequired
+} : void 0;
+
+var styles$c = function styles(theme) {
+  return {
+    root: {
+      fontSize: 14,
+      padding: theme.spacing.unit * 0.5
+    }
+  };
+};
+
+var Content = withClassName(styles$c, {
+  name: 'TooltipContent'
+})(function (_ref) {
+  var text = _ref.text,
+      targetItem = _ref.targetItem,
+      restProps = _objectWithoutProperties(_ref, ["text", "targetItem"]);
+
+  return createElement(Typography, restProps, text);
+});
+
+var Tooltip$1 = withComponents({
+  Overlay: Overlay,
+  Content: Content
+})(Tooltip);
+
+export { Chart$1 as Chart, Legend$1 as Legend, Title$1 as Title, ScatterSeries$1 as ScatterSeries, ValueAxis$1 as ValueAxis, ArgumentAxis$1 as ArgumentAxis, Tooltip$1 as Tooltip };
 //# sourceMappingURL=dx-react-chart-material-ui.es.js.map

package.json

 {
   "name": "@devexpress/dx-react-chart-material-ui",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Material-UI templates for DevExtreme React Chart component",
@@ -46,18 +46,17 @@ "author": {
   "devDependencies": {
-    "@devexpress/dx-react-core": "^1.9.0",
-    "@devexpress/dx-testing": "^1.9.0",
-    "@material-ui/core": "^3.3.2",
+    "@babel/core": "^7.1.6",
+    "@babel/plugin-transform-runtime": "^7.1.0",
+    "@babel/preset-env": "^7.1.6",
+    "@babel/preset-react": "^7.0.0",
+    "@devexpress/dx-react-core": "^1.9.1",
+    "@devexpress/dx-testing": "^1.9.1",
+    "@material-ui/core": "^3.6.0",
     "@material-ui/icons": "^3.0.1",
-    "babel-core": "^6.26.3",
+    "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^23.6.0",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.19",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.24.1",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.20",
     "core-js": "^2.5.7",
     "enzyme": "3.7.0",
-    "enzyme-adapter-react-16": "^1.6.0",
-    "eslint": "^5.8.0",
+    "enzyme-adapter-react-16": "^1.7.0",
+    "eslint": "^5.9.0",
     "eslint-config-airbnb": "^17.1.0",
@@ -67,3 +66,3 @@ "eslint-config-airbnb-base": "^13.1.0",
     "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jest": "^21.26.2",
+    "eslint-plugin-jest": "^22.0.0",
     "eslint-plugin-jsx-a11y": "^6.1.2",
@@ -75,7 +74,7 @@ "eslint-plugin-react": "^7.11.1",
     "jss-theme-reactor": "^0.11.1",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2",
-    "react-test-renderer": "^16.5.2",
-    "rollup": "^0.66.6",
-    "rollup-plugin-babel": "^3.0.4",
+    "react": "^16.6.3",
+    "react-dom": "^16.6.3",
+    "react-test-renderer": "^16.6.3",
+    "rollup": "^0.67.3",
+    "rollup-plugin-babel": "^4.0.3",
     "rollup-plugin-license": "^0.7.0",
@@ -89,10 +88,10 @@ "rollup-plugin-node-resolve": "^3.4.0"
   "peerDependencies": {
-    "@devexpress/dx-chart-core": "1.9.0",
-    "@devexpress/dx-react-chart": "1.9.0",
-    "@devexpress/dx-react-core": "1.9.0",
+    "@devexpress/dx-chart-core": "1.9.1",
+    "@devexpress/dx-react-chart": "1.9.1",
+    "@devexpress/dx-react-core": "1.9.1",
     "@material-ui/core": "=>1.1.0",
     "@material-ui/icons": "=>1.1.0",
-    "react": ">=16.3.0"
+    "react": ">=16.6.0"
   },
-  "gitHead": "227293d65d3fc8972ff36981be7ec6789876dbe7"
+  "gitHead": "29cb22ed32aac31a3fa3d985b9160300af79b12f"
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

89140

increased by11.75%

Dev dependency count

33

decreased by-2.94%

Lines of code

1152

increased by12.5%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes