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

Comparing version 1.8.0 to 1.9.0

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

 /**
  * Bundle of @devexpress/dx-react-chart-material-ui
- * Generated: 2018-10-04
- * Version: 1.8.0
+ * Generated: 2018-11-07
+ * Version: 1.9.0
  * License: https://js.devexpress.com/Licensing
@@ -102,3 +102,3 @@ */
 var getBorderColor = function getBorderColor(theme) {
-  return theme.palette.type === 'light' ? colorManipulator.lighten(colorManipulator.fade(theme.palette.divider, 1), 0.88) : colorManipulator.darken(colorManipulator.fade(theme.palette.divider, 1), 0.8);
+  return theme.palette.type === 'light' ? colorManipulator.lighten(colorManipulator.fade(theme.palette.divider, 1), 0.88) : colorManipulator.darken(colorManipulator.fade(theme.palette.divider, 1), 0.68);
 };
@@ -145,4 +145,19 @@
 
-var palette = ['#40C4FF', '#FF5252', '#00C853', '#FFEB3B', '#FF4081', '#E040FB'];
+var styles$2 = function styles$$1(theme) {
+  var fontFamily = theme.typography.fontFamily;
 
+  return {
+    root: {
+      fill: theme.palette.text.secondary,
+      fontFamily: fontFamily,
+      fontSize: 12,
+      fontWeight: 400
+    }
+  };
+};
+
+var Label = withClassName(styles$2)(dxReactChart.Chart.Label);
+
+var palette = ['#42A5F5', '#FF7043', '#9CCC65', '#FFCA28', '#26A69A', '#EC407A'];
+
 var ChartWithPalette = function ChartWithPalette(_ref) {
@@ -166,4 +181,5 @@ var children = _ref.children,
 var Chart = dxReactChart.withComponents({ Root: Root })(ChartWithPalette);
+Chart.Label = Label;
 
-var styles$2 = function styles$$1() {
+var styles$3 = function styles$$1() {
   return {
@@ -177,5 +193,5 @@ root: {
 
-var Root$1 = withClassName(styles$2, { name: 'LegendRoot' })(List);
+var Root$1 = withClassName(styles$3, { name: 'LegendRoot' })(List);
 
-var styles$3 = function styles$$1() {
+var styles$4 = function styles$$1() {
   return {
@@ -190,3 +206,3 @@ root: {
 
-var Label = withClassName(styles$3, { name: 'LegendLabel' })(function (_ref) {
+var Label$1 = withClassName(styles$4, { name: 'LegendLabel' })(function (_ref) {
   var text = _ref.text,
@@ -201,3 +217,3 @@ restProps = objectWithoutProperties(_ref, ['text']);
 
-var styles$4 = function styles$$1(theme) {
+var styles$5 = function styles$$1(theme) {
   return {
@@ -212,6 +228,6 @@ root: {
 
-var Item = withClassName(styles$4, { name: 'LegendItem' })(ListItem);
+var Item = withClassName(styles$5, { name: 'LegendItem' })(ListItem);
 
 var Legend = dxReactChart.withComponents({
-  Root: Root$1, Item: Item, Label: Label
+  Root: Root$1, Item: Item, Label: Label$1
 })(dxReactChart.Legend);
@@ -236,3 +252,3 @@
         Typography,
-        _extends({ component: 'h3', variant: 'headline' }, restProps),
+        _extends({ component: 'h3', variant: 'h5' }, restProps),
         text
@@ -251,6 +267,6 @@ );
 
-var styles$5 = function styles$$1() {
+var styles$6 = function styles$$1(theme) {
   return {
-    root: {
-      stroke: 'none'
+    point: {
+      fill: theme.palette.background.paper
     }
@@ -260,46 +276,22 @@ };
 
-var Slice = withClassName(styles$5)(dxReactChart.PieSeries.Point);
+var setClassName = function setClassName(_ref) {
+  var classes = _ref.classes,
+      restProps = objectWithoutProperties(_ref, ['classes']);
 
-var PieSeries = dxReactChart.withComponents({ Point: Slice })(dxReactChart.PieSeries);
+  if (restProps.state) {
+    var className = restProps.className,
+        rest = objectWithoutProperties(restProps, ['className']);
 
-var styles$6 = function styles$$1() {
-  return {
-    root: {
-      fill: 'none',
-      strokeWidth: '2px'
-    }
-  };
+    return _extends({
+      className: classNames(classes.point, className)
+    }, rest);
+  }
+  return restProps;
 };
 
-var Path = withClassName(styles$6)(dxReactChart.LineSeries.Path);
+var Point = styles.withStyles(styles$6)(dxReactChart.withPatchedProps(setClassName)(dxReactChart.ScatterSeries.Point));
 
-var LineSeries = dxReactChart.withComponents({ Path: Path })(dxReactChart.LineSeries);
-
-var styles$7 = function styles$$1() {
-  return {
-    root: {
-      opacity: 0.5
-    }
-  };
-};
-
-var Area = withClassName(styles$7)(dxReactChart.AreaSeries.Path);
-
-var AreaSeries = dxReactChart.withComponents({ Path: Area })(dxReactChart.AreaSeries);
-
-var SplineSeries = dxReactChart.withComponents({ Path: Path })(dxReactChart.SplineSeries);
-
-var styles$8 = function styles$$1() {
-  return {
-    root: {
-      stroke: 'none'
-    }
-  };
-};
-
-var Point = withClassName(styles$8)(dxReactChart.ScatterSeries.Point);
-
 var ScatterSeries = dxReactChart.withComponents({ Point: Point })(dxReactChart.ScatterSeries);
 
-var styles$9 = function styles$$1(theme) {
+var styles$7 = function styles$$1(theme) {
   return {
@@ -313,3 +305,3 @@ root: {
 
-var Line = withClassName(styles$9)(dxReactChart.Grid.Line);
+var Line = withClassName(styles$7)(dxReactChart.Grid.Line);
 
@@ -320,3 +312,3 @@ var ValueGrid = dxReactChart.withComponents({ Line: Line })(dxReactChart.ValueGrid);
 
-var styles$a = function styles$$1() {
+var styles$8 = function styles$$1() {
   return {
@@ -329,5 +321,5 @@ root: {
 
-var Root$2 = withClassName(styles$a)(dxReactChart.Axis.Root);
+var Root$2 = withClassName(styles$8)(dxReactChart.Axis.Root);
 
-var styles$b = function styles$$1(theme) {
+var styles$9 = function styles$$1(theme) {
   return {
@@ -341,5 +333,5 @@ root: {
 
-var Tick = withClassName(styles$b)(dxReactChart.Axis.Tick);
+var Tick = withClassName(styles$9)(dxReactChart.Axis.Tick);
 
-var styles$c = function styles$$1(theme) {
+var styles$a = function styles$$1(theme) {
   var fontFamily = theme.typography.fontFamily;
@@ -358,5 +350,5 @@
 
-var Label$1 = withClassName(styles$c)(dxReactChart.Axis.Label);
+var Label$2 = withClassName(styles$a)(dxReactChart.Axis.Label);
 
-var styles$d = function styles$$1(theme) {
+var styles$b = function styles$$1(theme) {
   return {
@@ -370,20 +362,20 @@ root: {
 
-var Line$1 = withClassName(styles$d)(dxReactChart.Axis.Line);
+var Line$1 = withClassName(styles$b)(dxReactChart.Axis.Line);
 
 var ValueAxis = dxReactChart.withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$1, Line: Line$1
+  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
 })(dxReactChart.ValueAxis);
 
 var ArgumentAxis = dxReactChart.withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$1, Line: Line$1
+  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
 })(dxReactChart.ArgumentAxis);
 
+exports.PieSeries = dxReactChart.PieSeries;
 exports.BarSeries = dxReactChart.BarSeries;
+exports.LineSeries = dxReactChart.LineSeries;
+exports.AreaSeries = dxReactChart.AreaSeries;
+exports.SplineSeries = dxReactChart.SplineSeries;
 exports.Chart = Chart;
 exports.Legend = Legend;
 exports.Title = Title;
-exports.PieSeries = PieSeries;
-exports.LineSeries = LineSeries;
-exports.AreaSeries = AreaSeries;
-exports.SplineSeries = SplineSeries;
 exports.ScatterSeries = ScatterSeries;
@@ -390,0 +382,0 @@ exports.ValueGrid = ValueGrid;

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

@@ -27,9 +27,7 @@ import * as React from 'react';
   argumentField?: string;
-  /** The associated axis. */
+  /** An associated axis. */
   axisName?: string;
-  /** The associated stack. */
-  stack?: string;
-  /** A series color. */
+  /** The series color. */
   color?: string;
-  /** A component that renders the series. */
+  /** A component that renders series. */
   seriesComponent?: React.ComponentType<AreaSeriesBase.SeriesProps>;
@@ -40,3 +38,3 @@ }
 export declare const AreaSeries: React.ComponentType<AreaSeriesProps> & {
-  /** A component that renders the series. */
+  /** A component that renders series. */
   Path: React.ComponentType<AreaSeriesBase.SeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
@@ -151,3 +149,3 @@ };
 export interface BarSeriesProps {
-  /** A series name. */
+  /** The series name. */
   name?: string;
@@ -158,11 +156,7 @@ /** The name of a data field that provides series point values. */
   argumentField?: string;
-  /** The associated axis. */
+  /** An associated axis. */
   axisName?: string;
-  /** The associated stack. */
-  stack?: string;
   /** The bar width in relative units. */
   barWidth?: number;
-  /** The bar group width in relative units. */
-  groupWidth?: number;
-  /** A series color. */
+  /** The series color. */
   color?: string;
@@ -193,2 +187,7 @@ /** A component that renders a bar. */
 
+export namespace Chart {
+  /** Describes properties passed to a component that renders the chart's label. */
+  export type LabelProps = ChartBase.LabelProps;
+}
+
 export interface ChartProps {
@@ -206,3 +205,6 @@ /** An array containing custom data. */
 /** The Chart is a root container component designed to process and display data specified via the `data` property. The Chart's functionality  is implemented in several plugins specified as child components. */
-export declare const Chart: React.ComponentType<ChartProps>;
+export declare const Chart: React.ComponentType<ChartProps> & {
+  /** A component that renders the chart's label. */
+  Label: React.ComponentType<ChartBase.LabelProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
+};
 
@@ -268,3 +270,3 @@ // -------------------------------------------------------------------------------------------------
 export namespace LineSeries {
-  /** Describes properties passed to a component that renders the series. */
+  /** Describes properties passed to a component that renders series. */
   export type SeriesProps = LineSeriesBase.SeriesProps;
@@ -274,3 +276,3 @@ }
 export interface LineSeriesProps {
-  /** A series name. */
+  /** The series name. */
   name?: string;
@@ -281,9 +283,7 @@ /** The name of a data field that provides series point values. */
   argumentField?: string;
-  /** The associated axis. */
+  /** An associated axis. */
   axisName?: string;
-  /** The associated stack. */
-  stack?: string;
-  /** A series color. */
+  /** The series color. */
   color?: string;
-  /** A component that renders the series. */
+  /** A component that renders series. */
   seriesComponent?: React.ComponentType<LineSeriesBase.SeriesProps>;
@@ -294,3 +294,3 @@ }
 export declare const LineSeries: React.ComponentType<LineSeriesProps> & {
-  /** A component that renders the series. */
+  /** A component that renders series. */
   Path: React.ComponentType<LineSeriesBase.SeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
@@ -388,3 +388,3 @@ };
 export namespace SplineSeries {
-  /** Describes properties passed to a component that renders the series. */
+  /** Describes properties passed to a component that renders series. */
   export type SeriesProps = SplineSeriesBase.SeriesProps;
@@ -394,3 +394,3 @@ }
 export interface SplineSeriesProps {
-  /** A series name. */
+  /** The series name. */
   name?: string;
@@ -401,9 +401,7 @@ /** The name of a data field that provides series point values. */
   argumentField?: string;
-  /** The associated axis. */
+  /** An associated axis. */
   axisName?: string;
-  /** The associated stack. */
-  stack?: string;
-  /** A series color. */
+  /** The series color. */
   color?: string;
-  /** A component that renders the series. */
+  /** A component that renders series. */
   seriesComponent?: React.ComponentType<SplineSeriesBase.SeriesProps>;
@@ -414,3 +412,3 @@ }
 export declare const SplineSeries: React.ComponentType<SplineSeriesProps> & {
-  /** A component that renders the series. */
+  /** A component that renders series. */
   Path: React.ComponentType<SplineSeriesBase.SeriesProps & { className?: string; style?: React.CSSProperties; [x: string]: any }>;
@@ -417,0 +415,0 @@ };

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

 /**
  * Bundle of @devexpress/dx-react-chart-material-ui
- * Generated: 2018-10-04
- * Version: 1.8.0
+ * Generated: 2018-11-07
+ * Version: 1.9.0
  * License: https://js.devexpress.com/Licensing
  */
 
-import { withPatchedProps, Chart, withComponents, Palette, Legend, Title, PieSeries, LineSeries, AreaSeries, SplineSeries, ScatterSeries, Grid, ValueGrid, ArgumentGrid, Axis, ValueAxis, ArgumentAxis } from '@devexpress/dx-react-chart';
-export { BarSeries } from '@devexpress/dx-react-chart';
+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';
@@ -95,3 +95,3 @@ import { withStyles } from '@material-ui/core/styles';
 var getBorderColor = function getBorderColor(theme) {
-  return theme.palette.type === 'light' ? lighten(fade(theme.palette.divider, 1), 0.88) : darken(fade(theme.palette.divider, 1), 0.8);
+  return theme.palette.type === 'light' ? lighten(fade(theme.palette.divider, 1), 0.88) : darken(fade(theme.palette.divider, 1), 0.68);
 };
@@ -138,4 +138,19 @@
 
-var palette = ['#40C4FF', '#FF5252', '#00C853', '#FFEB3B', '#FF4081', '#E040FB'];
+var styles$1 = function styles(theme) {
+  var fontFamily = theme.typography.fontFamily;
 
+  return {
+    root: {
+      fill: theme.palette.text.secondary,
+      fontFamily: fontFamily,
+      fontSize: 12,
+      fontWeight: 400
+    }
+  };
+};
+
+var Label = withClassName(styles$1)(Chart.Label);
+
+var palette = ['#42A5F5', '#FF7043', '#9CCC65', '#FFCA28', '#26A69A', '#EC407A'];
+
 var ChartWithPalette = function ChartWithPalette(_ref) {
@@ -159,4 +174,5 @@ var children = _ref.children,
 var Chart$1 = withComponents({ Root: Root })(ChartWithPalette);
+Chart$1.Label = Label;
 
-var styles$1 = function styles() {
+var styles$2 = function styles() {
   return {
@@ -170,5 +186,5 @@ root: {
 
-var Root$1 = withClassName(styles$1, { name: 'LegendRoot' })(List);
+var Root$1 = withClassName(styles$2, { name: 'LegendRoot' })(List);
 
-var styles$2 = function styles() {
+var styles$3 = function styles() {
   return {
@@ -183,3 +199,3 @@ root: {
 
-var Label = withClassName(styles$2, { name: 'LegendLabel' })(function (_ref) {
+var Label$1 = withClassName(styles$3, { name: 'LegendLabel' })(function (_ref) {
   var text = _ref.text,
@@ -194,3 +210,3 @@ restProps = objectWithoutProperties(_ref, ['text']);
 
-var styles$3 = function styles(theme) {
+var styles$4 = function styles(theme) {
   return {
@@ -205,6 +221,6 @@ root: {
 
-var Item = withClassName(styles$3, { name: 'LegendItem' })(ListItem);
+var Item = withClassName(styles$4, { name: 'LegendItem' })(ListItem);
 
 var Legend$1 = withComponents({
-  Root: Root$1, Item: Item, Label: Label
+  Root: Root$1, Item: Item, Label: Label$1
 })(Legend);
@@ -229,3 +245,3 @@
         Typography,
-        _extends({ component: 'h3', variant: 'headline' }, restProps),
+        _extends({ component: 'h3', variant: 'h5' }, restProps),
         text
@@ -244,6 +260,6 @@ );
 
-var styles$4 = function styles() {
+var styles$5 = function styles(theme) {
   return {
-    root: {
-      stroke: 'none'
+    point: {
+      fill: theme.palette.background.paper
     }
@@ -253,46 +269,22 @@ };
 
-var Slice = withClassName(styles$4)(PieSeries.Point);
+var setClassName = function setClassName(_ref) {
+  var classes = _ref.classes,
+      restProps = objectWithoutProperties(_ref, ['classes']);
 
-var PieSeries$1 = withComponents({ Point: Slice })(PieSeries);
+  if (restProps.state) {
+    var className = restProps.className,
+        rest = objectWithoutProperties(restProps, ['className']);
 
-var styles$5 = function styles() {
-  return {
-    root: {
-      fill: 'none',
-      strokeWidth: '2px'
-    }
-  };
+    return _extends({
+      className: classNames(classes.point, className)
+    }, rest);
+  }
+  return restProps;
 };
 
-var Path = withClassName(styles$5)(LineSeries.Path);
+var Point = withStyles(styles$5)(withPatchedProps(setClassName)(ScatterSeries.Point));
 
-var LineSeries$1 = withComponents({ Path: Path })(LineSeries);
-
-var styles$6 = function styles() {
-  return {
-    root: {
-      opacity: 0.5
-    }
-  };
-};
-
-var Area = withClassName(styles$6)(AreaSeries.Path);
-
-var AreaSeries$1 = withComponents({ Path: Area })(AreaSeries);
-
-var SplineSeries$1 = withComponents({ Path: Path })(SplineSeries);
-
-var styles$7 = function styles() {
-  return {
-    root: {
-      stroke: 'none'
-    }
-  };
-};
-
-var Point = withClassName(styles$7)(ScatterSeries.Point);
-
 var ScatterSeries$1 = withComponents({ Point: Point })(ScatterSeries);
 
-var styles$8 = function styles(theme) {
+var styles$6 = function styles(theme) {
   return {
@@ -306,3 +298,3 @@ root: {
 
-var Line = withClassName(styles$8)(Grid.Line);
+var Line = withClassName(styles$6)(Grid.Line);
 
@@ -313,3 +305,3 @@ var ValueGrid$1 = withComponents({ Line: Line })(ValueGrid);
 
-var styles$9 = function styles() {
+var styles$7 = function styles() {
   return {
@@ -322,5 +314,5 @@ root: {
 
-var Root$2 = withClassName(styles$9)(Axis.Root);
+var Root$2 = withClassName(styles$7)(Axis.Root);
 
-var styles$a = function styles(theme) {
+var styles$8 = function styles(theme) {
   return {
@@ -334,5 +326,5 @@ root: {
 
-var Tick = withClassName(styles$a)(Axis.Tick);
+var Tick = withClassName(styles$8)(Axis.Tick);
 
-var styles$b = function styles(theme) {
+var styles$9 = function styles(theme) {
   var fontFamily = theme.typography.fontFamily;
@@ -351,5 +343,5 @@
 
-var Label$1 = withClassName(styles$b)(Axis.Label);
+var Label$2 = withClassName(styles$9)(Axis.Label);
 
-var styles$c = function styles(theme) {
+var styles$a = function styles(theme) {
   return {
@@ -363,13 +355,13 @@ root: {
 
-var Line$1 = withClassName(styles$c)(Axis.Line);
+var Line$1 = withClassName(styles$a)(Axis.Line);
 
 var ValueAxis$1 = withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$1, Line: Line$1
+  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
 })(ValueAxis);
 
 var ArgumentAxis$1 = withComponents({
-  Root: Root$2, Tick: Tick, Label: Label$1, Line: Line$1
+  Root: Root$2, Tick: Tick, Label: Label$2, Line: Line$1
 })(ArgumentAxis);
 
-export { Chart$1 as Chart, Legend$1 as Legend, Title$1 as Title, PieSeries$1 as PieSeries, LineSeries$1 as LineSeries, AreaSeries$1 as AreaSeries, SplineSeries$1 as SplineSeries, ScatterSeries$1 as ScatterSeries, ValueGrid$1 as ValueGrid, ArgumentGrid$1 as ArgumentGrid, ValueAxis$1 as ValueAxis, ArgumentAxis$1 as 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 };
 //# sourceMappingURL=dx-react-chart-material-ui.es.js.map

package.json

 {
   "name": "@devexpress/dx-react-chart-material-ui",
-  "version": "1.8.0",
-  "description": "Material UI templates for DevExtreme React Chart component",
+  "version": "1.9.0",
+  "description": "Material-UI templates for DevExtreme React Chart component",
   "author": {
@@ -46,11 +46,11 @@ "name": "Developer Express Inc.",
   "devDependencies": {
-    "@devexpress/dx-react-core": "^1.8.0",
-    "@devexpress/dx-testing": "^1.8.0",
-    "@material-ui/core": "^3.1.2",
+    "@devexpress/dx-react-core": "^1.9.0",
+    "@devexpress/dx-testing": "^1.9.0",
+    "@material-ui/core": "^3.3.2",
     "@material-ui/icons": "^3.0.1",
     "babel-core": "^6.26.3",
-    "babel-jest": "^23.4.2",
+    "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.15",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.19",
     "babel-plugin-transform-runtime": "^6.23.0",
@@ -60,5 +60,5 @@ "babel-preset-env": "^1.7.0",
     "core-js": "^2.5.7",
-    "enzyme": "3.3.0",
-    "enzyme-adapter-react-16": "^1.2.0",
-    "eslint": "^5.6.1",
+    "enzyme": "3.7.0",
+    "enzyme-adapter-react-16": "^1.6.0",
+    "eslint": "^5.8.0",
     "eslint-config-airbnb": "^17.1.0",
@@ -68,4 +68,4 @@ "eslint-config-airbnb-base": "^13.1.0",
     "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jest": "^21.24.0",
-    "eslint-plugin-jsx-a11y": "^6.1.1",
+    "eslint-plugin-jest": "^21.26.2",
+    "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-react": "^7.11.1",
@@ -79,3 +79,3 @@ "jest": "^23.6.0",
     "react-test-renderer": "^16.5.2",
-    "rollup": "^0.66.2",
+    "rollup": "^0.66.6",
     "rollup-plugin-babel": "^3.0.4",
@@ -90,5 +90,5 @@ "rollup-plugin-license": "^0.7.0",
   "peerDependencies": {
-    "@devexpress/dx-chart-core": "1.8.0-beta.1",
-    "@devexpress/dx-react-chart": "1.8.0-beta.1",
-    "@devexpress/dx-react-core": "1.8.0-beta.1",
+    "@devexpress/dx-chart-core": "1.9.0",
+    "@devexpress/dx-react-chart": "1.9.0",
+    "@devexpress/dx-react-core": "1.9.0",
     "@material-ui/core": "=>1.1.0",
@@ -98,3 +98,3 @@ "@material-ui/icons": "=>1.1.0",
   },
-  "gitHead": "30dd98f003c170e60ce6eb79d48fe4e3ac99338d"
+  "gitHead": "227293d65d3fc8972ff36981be7ec6789876dbe7"
 }

README.md

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

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

79768

decreased by-2.82%

Lines of code

1024

decreased by-1.16%

No dependency changes