@nivo/pie - npm Package Compare versions

Comparing version 0.48.0 to 0.49.0

cjs/nivo-pie.js

@@ -548,5 +548,4 @@ 'use strict';
                             dy: '0.3em',
-                            style: _extends({}, theme.labels, {
-                                fill: textColor(label.arc.data, theme),
-                                fontSize: theme.axis.fontSize
+                            style: _extends({}, theme.labels.text, {
+                                fill: textColor(label.arc.data, theme)
                             })
@@ -577,6 +576,4 @@ },
     theme: PropTypes.shape({
-        axis: PropTypes.shape({
-            tickColor: PropTypes.string.isRequired,
-            fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-        }).isRequired
+        axis: core.axisThemePropType.isRequired,
+        labels: core.labelsThemePropType.isRequired
     }).isRequired
@@ -638,5 +635,4 @@ };
                             textAnchor: 'middle',
-                            style: _extends({}, theme.labels, {
-                                fill: textColor(arc.data, theme),
-                                fontSize: theme.axis.fontSize
+                            style: _extends({}, theme.labels.text, {
+                                fill: textColor(arc.data, theme)
                             })
@@ -662,6 +658,3 @@ },
     theme: PropTypes.shape({
-        axis: PropTypes.shape({
-            textColor: PropTypes.string.isRequired,
-            fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-        }).isRequired
+        labels: core.labelsThemePropType.isRequired
     }).isRequired
@@ -826,3 +819,4 @@ };
                                 margin: margin,
-                                defs: boundDefs
+                                defs: boundDefs,
+                                theme: theme
                             },
@@ -859,4 +853,4 @@ React__default.createElement(
                                     textXOffset: radialLabelsTextXOffset,
-                                    textColor: core.getInheritedColorGenerator(radialLabelsTextColor, 'labels.textColor'),
-                                    linkColor: core.getInheritedColorGenerator(radialLabelsLinkColor, 'axis.tickColor'),
+                                    textColor: core.getInheritedColorGenerator(radialLabelsTextColor, 'labels.text.fill'),
+                                    linkColor: core.getInheritedColorGenerator(radialLabelsLinkColor, 'axis.ticks.line.stroke'),
                                     theme: theme
@@ -871,3 +865,3 @@ }),
                                     skipAngle: slicesLabelsSkipAngle,
-                                    textColor: core.getInheritedColorGenerator(slicesLabelsTextColor, 'labels.textColor')
+                                    textColor: core.getInheritedColorGenerator(slicesLabelsTextColor, 'labels.text.fill')
                                 })
@@ -924,21 +918,3 @@ ),
 var enhance$4 = (function (Component) {
-    return compose(defaultProps(PieDefaultProps), core.withTheme(), core.withDimensions(),
-    /*
-    withPropsOnChange(
-        ['enhancedData', 'defs', 'fill'],
-        ({ enhancedData: _enhancedData, defs, fill }) => {
-            const enhancedData = _enhancedData.map(datum => ({ ...datum }))
-            const boundDefs = bindDefs(defs, enhancedData, fill)
-             return {
-                enhancedData,
-                boundDefs,
-                legendData: enhancedData.map(datum => ({
-                    label: datum.label,
-                    fill: datum.fill || datum.color,
-                })),
-            }
-        }
-    ),
-    */
-    pure)(Component);
+    return compose(defaultProps(PieDefaultProps), core.withTheme(), core.withDimensions(), pure)(Component);
 });
@@ -955,2 +931,3 @@
     ctx.textBaseline = 'middle';
+    ctx.font = theme.labels.text.fontSize + 'px sans-serif';
 
@@ -999,2 +976,3 @@ arcs.filter(function (arc) {
     ctx.textBaseline = 'middle';
+    ctx.font = theme.labels.text.fontSize + 'px sans-serif';
 
@@ -1152,3 +1130,4 @@ radialLabels.forEach(function (label) {
         this.ctx.scale(pixelRatio, pixelRatio);
-        this.ctx.clearRect(0, 0, outerWidth, outerHeight);
+        this.ctx.fillStyle = theme.background;
+        this.ctx.fillRect(0, 0, outerWidth, outerHeight);
         this.ctx.save();
@@ -1184,3 +1163,3 @@ this.ctx.translate(margin.left, margin.top);
                 getLabel: core.getLabelGenerator(sliceLabel),
-                getTextColor: core.getInheritedColorGenerator(slicesLabelsTextColor, 'labels.textColor'),
+                getTextColor: core.getInheritedColorGenerator(slicesLabelsTextColor, 'labels.text.fill'),
                 theme: theme
@@ -1211,4 +1190,4 @@ });
                 textXOffset: radialLabelsTextXOffset,
-                getTextColor: core.getInheritedColorGenerator(radialLabelsTextColor, 'labels.textColor'),
-                getLinkColor: core.getInheritedColorGenerator(radialLabelsLinkColor, 'axis.tickColor'),
+                getTextColor: core.getInheritedColorGenerator(radialLabelsTextColor, 'labels.text.fill'),
+                getLinkColor: core.getInheritedColorGenerator(radialLabelsLinkColor, 'axis.ticks.line.stroke'),
                 theme: theme
@@ -1215,0 +1194,0 @@ });

package.json

 {
   "name": "@nivo/pie",
-  "version": "0.48.0",
+  "version": "0.49.0",
   "license": "MIT",
+  "author": {
+    "name": "Raphaël Benitte",
+    "url": "https://github.com/plouc"
+  },
+  "keywords": [
+    "nivo",
+    "dataviz",
+    "react",
+    "d3",
+    "charts",
+    "pie-chart"
+  ],
   "main": "./index.js",
@@ -10,7 +22,8 @@ "files": [
     "index.d.ts",
-    "cjs/"
+    "cjs/",
+    "umd/"
   ],
   "dependencies": {
-    "@nivo/core": "^0.48.0",
-    "@nivo/legends": "^0.48.0",
+    "@nivo/core": "0.49.0",
+    "@nivo/legends": "0.49.0",
     "d3-shape": "^1.2.2",
@@ -28,3 +41,3 @@ "lodash": "^4.17.4",
   },
-  "gitHead": "acf00e8f498cbcce7fc22b7c11106b870feac472"
+  "gitHead": "35e4fdcdcd11ff2852144efbdc1e67d0bfba8331"
 }

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

No contributors or author data

Maintenance

Package does not specify a list of contributors or an author in package.json.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

103329

increased by95.8%

Number of package files

7

increased by16.67%

Lines of code

2379

increased by91.55%

Number of low maintenance alerts

1

decreased by-50%

Dependency changes

• + Added@nivo/core@0.49.0(transitive)

• + Added@nivo/legends@0.49.0(transitive)

• - Removed@nivo/core@0.48.0(transitive)

• - Removed@nivo/legends@0.48.0(transitive)

• Updated@nivo/core@0.49.0

• Updated@nivo/legends@0.49.0