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

Comparing version 1.9.1 to 1.10.0

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

 /**
  * Bundle of @devexpress/dx-react-chart-material-ui
- * Generated: 2018-12-07
- * Version: 1.9.1
+ * Generated: 2018-12-25
+ * Version: 1.10.0
  * License: https://js.devexpress.com/Licensing
@@ -16,14 +16,15 @@ */
 
+var React = require('react');
+var PropTypes = require('prop-types');
+var dxReactCore = require('@devexpress/dx-react-core');
+var dxReactChart = require('@devexpress/dx-react-chart');
 var colorManipulator = require('@material-ui/core/styles/colorManipulator');
+var styles = require('@material-ui/core/styles');
+var classNames = _interopDefault(require('classnames'));
 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 Typography = _interopDefault(require('@material-ui/core/Typography'));
+var Popper = _interopDefault(require('@material-ui/core/Popper'));
+var Paper = _interopDefault(require('@material-ui/core/Paper'));
 
@@ -377,26 +378,56 @@ function _defineProperty(obj, key, value) {
 
-var Overlay = function Overlay(_ref) {
-  var children = _ref.children,
+var styles$d = function styles$$1(theme) {
+  var unit = theme.spacing.unit;
+  var arrowSize = unit * 1.2;
+  return {
+    popper: {
+      zIndex: 1,
+      marginBottom: "".concat(arrowSize, "px")
+    },
+    paper: {
+      padding: "".concat(unit * 0.5, "px ").concat(unit, "px")
+    },
+    arrow: {
+      width: "".concat(arrowSize * 5, "px"),
+      height: "".concat(arrowSize * 2.5, "px"),
+      position: 'absolute',
+      top: '100%',
+      left: '50%',
+      transform: 'translateX(-50%)',
+      overflow: 'hidden',
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        width: "".concat(arrowSize, "px"),
+        height: "".concat(arrowSize, "px"),
+        background: theme.palette.background.paper,
+        transform: 'translateX(-50%) translateY(-50%) rotate(45deg)',
+        top: 0,
+        left: '50%',
+        boxShadow: theme.shadows[2]
+      }
+    }
+  };
+};
+
+var Overlay = styles.withStyles(styles$d)(function (_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
       target = _ref.target,
-      restProps = _objectWithoutProperties(_ref, ["children", "target"]);
+      restProps = _objectWithoutProperties(_ref, ["classes", "className", "children", "target"]);
 
-  return React.createElement(Popover, _extends({
+  return React.createElement(Popper, _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;
+    placement: "top",
+    className: classNames(classes.popper, className)
+  }, restProps), React.createElement(Paper, {
+    className: classes.paper
+  }, children), React.createElement("div", {
+    className: classes.arrow
+  }));
+});
 
-var styles$d = function styles$$1(theme) {
+var styles$e = function styles$$1(theme) {
   return {
@@ -410,3 +441,3 @@ root: {
 
-var Content = withClassName(styles$d, {
+var Content = withClassName(styles$e, {
   name: 'TooltipContent'
@@ -413,0 +444,0 @@ })(function (_ref) {

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

@@ -80,6 +80,8 @@ import * as React from 'react';
   type?: 'band' | 'linear';
+  /** A function that returns a tick formatter function. */
+  tickFormat?: (scale: ScaleObject) => (tick: string) => string;
   /** Specifies whether to render ticks. */
   showTicks?: boolean;
-  /** Specifies whether to render grids. */
-  showGrids?: boolean;
+  /** Specifies whether to render the grid. */
+  showGrid?: boolean;
   /** Specifies whether to render the axis's line. */
@@ -89,4 +91,2 @@ showLine?: boolean;
   showLabels?: boolean;
-  /** A function that returns a tick formatter function. */
-  tickFormat?: (scale: ScaleObject) => (tick: string) => string;
   /** A component that renders the axis's root layout. */
@@ -496,8 +496,8 @@ rootComponent?: React.ComponentType<ArgumentAxisBase.RootProps>;
   indentFromAxis?: number;
-  /** Axis type. */
-  type?: 'band' | 'linear';
+  /** A function that returns a tick formatter function. */
+  tickFormat?: (scale: ScaleObject) => (tick: string) => string;
   /** Specifies whether to render ticks. */
   showTicks?: boolean;
-  /** Specifies whether to render grids. */
-  showGrids?: boolean;
+  /** Specifies whether to render the grid. */
+  showGrid?: boolean;
   /** Specifies whether to render the axis's line. */
@@ -507,4 +507,2 @@ showLine?: boolean;
   showLabels?: boolean;
-  /** A function that returns a tick formatter function. */
-  tickFormat?: (scale: ScaleObject) => (tick: string) => string;
   /** A component that renders the axis root layout. */
@@ -511,0 +509,0 @@ rootComponent?: React.ComponentType<ValueAxisBase.RootProps>;

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

 /**
  * Bundle of @devexpress/dx-react-chart-material-ui
- * Generated: 2018-12-07
- * Version: 1.9.1
+ * Generated: 2018-12-25
+ * Version: 1.10.0
  * License: https://js.devexpress.com/Licensing
  */
 
-import { darken, fade, lighten } from '@material-ui/core/styles/colorManipulator';
+import { createElement } from 'react';
+import { node } from 'prop-types';
+import { withComponents } from '@devexpress/dx-react-core';
+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 { lighten, fade, darken } from '@material-ui/core/styles/colorManipulator';
+import { withStyles } from '@material-ui/core/styles';
+import classNames from 'classnames';
 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';
+import Popper from '@material-ui/core/Popper';
+import Paper from '@material-ui/core/Paper';
 
@@ -369,26 +370,56 @@ function _defineProperty(obj, key, value) {
 
-var Overlay = function Overlay(_ref) {
-  var children = _ref.children,
+var styles$c = function styles(theme) {
+  var unit = theme.spacing.unit;
+  var arrowSize = unit * 1.2;
+  return {
+    popper: {
+      zIndex: 1,
+      marginBottom: "".concat(arrowSize, "px")
+    },
+    paper: {
+      padding: "".concat(unit * 0.5, "px ").concat(unit, "px")
+    },
+    arrow: {
+      width: "".concat(arrowSize * 5, "px"),
+      height: "".concat(arrowSize * 2.5, "px"),
+      position: 'absolute',
+      top: '100%',
+      left: '50%',
+      transform: 'translateX(-50%)',
+      overflow: 'hidden',
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        width: "".concat(arrowSize, "px"),
+        height: "".concat(arrowSize, "px"),
+        background: theme.palette.background.paper,
+        transform: 'translateX(-50%) translateY(-50%) rotate(45deg)',
+        top: 0,
+        left: '50%',
+        boxShadow: theme.shadows[2]
+      }
+    }
+  };
+};
+
+var Overlay = withStyles(styles$c)(function (_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
       target = _ref.target,
-      restProps = _objectWithoutProperties(_ref, ["children", "target"]);
+      restProps = _objectWithoutProperties(_ref, ["classes", "className", "children", "target"]);
 
-  return createElement(Popover, _extends({
+  return createElement(Popper, _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;
+    placement: "top",
+    className: classNames(classes.popper, className)
+  }, restProps), createElement(Paper, {
+    className: classes.paper
+  }, children), createElement("div", {
+    className: classes.arrow
+  }));
+});
 
-var styles$c = function styles(theme) {
+var styles$d = function styles(theme) {
   return {
@@ -402,3 +433,3 @@ root: {
 
-var Content = withClassName(styles$c, {
+var Content = withClassName(styles$d, {
   name: 'TooltipContent'
@@ -405,0 +436,0 @@ })(function (_ref) {

package.json

 {
   "name": "@devexpress/dx-react-chart-material-ui",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "Material-UI templates for DevExtreme React Chart component",
@@ -46,17 +46,17 @@ "author": {
   "devDependencies": {
-    "@babel/core": "^7.1.6",
-    "@babel/plugin-transform-runtime": "^7.1.0",
-    "@babel/preset-env": "^7.1.6",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-transform-runtime": "^7.2.0",
+    "@babel/preset-env": "^7.2.3",
     "@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",
+    "@devexpress/dx-react-core": "1.10.0",
+    "@devexpress/dx-testing": "1.10.0",
+    "@material-ui/core": "^3.7.1",
     "@material-ui/icons": "^3.0.1",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^23.6.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.20",
-    "core-js": "^2.5.7",
-    "enzyme": "3.7.0",
-    "enzyme-adapter-react-16": "^1.7.0",
-    "eslint": "^5.9.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.21",
+    "core-js": "^2.6.1",
+    "enzyme": "3.8.0",
+    "enzyme-adapter-react-16": "^1.7.1",
+    "eslint": "^5.11.0",
     "eslint-config-airbnb": "^17.1.0",
@@ -66,3 +66,3 @@ "eslint-config-airbnb-base": "^13.1.0",
     "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jest": "^22.0.0",
+    "eslint-plugin-jest": "^22.1.2",
     "eslint-plugin-jsx-a11y": "^6.1.2",
@@ -74,9 +74,9 @@ "eslint-plugin-react": "^7.11.1",
     "jss-theme-reactor": "^0.11.1",
-    "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",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "react-test-renderer": "^16.7.0",
+    "rollup": "^0.68.2",
+    "rollup-plugin-babel": "^4.1.0",
     "rollup-plugin-license": "^0.7.0",
-    "rollup-plugin-node-resolve": "^3.4.0"
+    "rollup-plugin-node-resolve": "^4.0.0"
   },
@@ -88,5 +88,5 @@ "dependencies": {
   "peerDependencies": {
-    "@devexpress/dx-chart-core": "1.9.1",
-    "@devexpress/dx-react-chart": "1.9.1",
-    "@devexpress/dx-react-core": "1.9.1",
+    "@devexpress/dx-chart-core": "1.10.0",
+    "@devexpress/dx-react-chart": "1.10.0",
+    "@devexpress/dx-react-core": "1.10.0",
     "@material-ui/core": "=>1.1.0",
@@ -96,3 +96,3 @@ "@material-ui/icons": "=>1.1.0",
   },
-  "gitHead": "29cb22ed32aac31a3fa3d985b9160300af79b12f"
+  "gitHead": "0890839a23a7afd042ad3984dca69232767d60cd"
 }

README.md

 # DevExtreme React Chart Material-UI
 
-Project status: **CTP**
+Project status: **Beta**
 
@@ -5,0 +5,0 @@ A template suite used to render the React Chart based on Material-UI components.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

94654

increased by6.19%

Lines of code

1210

increased by5.03%

Number of low supply chain risk alerts

2

decreased by-50%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes