react-boxplot - npm Package Compare versions

Comparing version 3.1.0 to 4.0.0

dist/index.es.js

@@ -50,10 +50,10 @@ /**
   var xCenter = xMax / 2;
-  return React.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     width: width,
     height: height,
     className: className
-  }, React.createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     transform: transforms.join(' '),
     style: style
-  }, React.createElement("line", {
+  }, /*#__PURE__*/React.createElement("line", {
     key: "tick-low",
@@ -66,3 +66,3 @@ x1: xMin,
     style: tickStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "whisker-low",
@@ -75,3 +75,3 @@ x1: xCenter,
     style: whiskerStyle
-  }), React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     key: "box",
@@ -84,3 +84,3 @@ x: xMin,
     style: boxStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "median",
@@ -93,3 +93,3 @@ x1: xMin,
     style: medianStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "whisker-high",
@@ -102,3 +102,3 @@ x1: xCenter,
     style: whiskerStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "tick-high",
@@ -112,3 +112,3 @@ x1: xMin,
   }), stats.outliers.map(function (outlier, index) {
-    return React.createElement("ellipse", {
+    return /*#__PURE__*/React.createElement("ellipse", {
       key: "outlier-".concat(index),
@@ -223,2 +223,2 @@ cx: xCenter,
 
-export { Boxplot, computeBoxplotStats };
+export { computeBoxplotStats, Boxplot as default };

dist/index.js

@@ -54,10 +54,10 @@ 'use strict';
   var xCenter = xMax / 2;
-  return React.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     width: width,
     height: height,
     className: className
-  }, React.createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     transform: transforms.join(' '),
     style: style
-  }, React.createElement("line", {
+  }, /*#__PURE__*/React.createElement("line", {
     key: "tick-low",
@@ -70,3 +70,3 @@ x1: xMin,
     style: tickStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "whisker-low",
@@ -79,3 +79,3 @@ x1: xCenter,
     style: whiskerStyle
-  }), React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("rect", {
     key: "box",
@@ -88,3 +88,3 @@ x: xMin,
     style: boxStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "median",
@@ -97,3 +97,3 @@ x1: xMin,
     style: medianStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "whisker-high",
@@ -106,3 +106,3 @@ x1: xCenter,
     style: whiskerStyle
-  }), React.createElement("line", {
+  }), /*#__PURE__*/React.createElement("line", {
     key: "tick-high",
@@ -116,3 +116,3 @@ x1: xMin,
   }), stats.outliers.map(function (outlier, index) {
-    return React.createElement("ellipse", {
+    return /*#__PURE__*/React.createElement("ellipse", {
       key: "outlier-".concat(index),
@@ -227,3 +227,3 @@ cx: xCenter,
 
-exports.Boxplot = Boxplot;
 exports.computeBoxplotStats = computeBoxplotStats;
+exports["default"] = Boxplot;

package.json

 {
   "name": "react-boxplot",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "Simple SVG box plots in React",
@@ -17,6 +17,7 @@ "author": "Paul Melnikow <[e-mail]>",
   "jsnext:main": "dist/index.es.js",
+  "typings": "src/index.d.ts",
   "scripts": {
     "lint": "eslint \"**/*.js\"",
     "prettier": "prettier --write \"**/*.@(js|md|yml|json)\"",
-    "prettier-check": "prettier-check \"**/*.@(js|md|yml|json)\"",
+    "prettier:check": "prettier --check \"**/*.@(js|md|yml|json)\"",
     "test": "BABEL_ENV=test mocha --require @babel/register \"src/**/*.spec.js\"",
@@ -27,7 +28,7 @@ "build": "rollup --config",
     "predeploy": "cd example && npm install && npm run build",
-    "now-build:rearrange": "cd dist && mkdir dist example && mv *.js dist && cp -r ../example/build/* example/",
-    "now-build": "npm run build && npm run predeploy && npm run now-build:rearrange",
-    "deploy": "gh-pages -d example/build"
+    "netlify-build:rearrange": "cd dist && mkdir dist example && mv *.js dist && cp -r ../example/build/* example/",
+    "netlify-build": "npm run build && npm run predeploy && npm run netlify-build:rearrange"
   },
   "dependencies": {
+    "@babel/runtime": "^7.17.2",
     "simple-statistics": "^7.0.0"
@@ -37,41 +38,39 @@ },
     "prop-types": "^15.5.4",
-    "react": "^15.0.0 || ^16.0.0",
-    "react-dom": "^15.0.0 || ^16.0.0"
+    "react": "^15.0.0 || ^16.0.0 || ^17.0.0",
+    "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/register": "^7.0.0",
-    "acorn": "^6.1.0",
+    "@babel/core": "^7.17.2",
+    "@babel/eslint-parser": "7.17.0",
+    "@babel/plugin-transform-runtime": "7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/register": "^7.17.0",
+    "@rollup/plugin-babel": "5.3.0",
+    "@rollup/plugin-commonjs": "21.0.1",
+    "@rollup/plugin-node-resolve": "13.1.3",
+    "@rollup/plugin-url": "6.1.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
-    "eslint": "^6.0.1",
-    "eslint-config-prettier": "^6.0.0",
-    "eslint-config-standard": "^12.0.0",
-    "eslint-config-standard-jsx": "^6.0.2",
-    "eslint-config-standard-react": "^7.0.2",
-    "eslint-plugin-import": "^2.18.0",
-    "eslint-plugin-mocha": "^5.1.0",
-    "eslint-plugin-node": "^8.0.0",
-    "eslint-plugin-promise": "^4.0.0",
-    "eslint-plugin-react": "^7.6.1",
-    "eslint-plugin-standard": "^4.0.0",
-    "gh-pages": "^2.0.1",
-    "mocha": "^6.0.0",
-    "prettier": "^1.14.2",
-    "prettier-check": "^2.0.0",
-    "react": "~16.8.0",
-    "react-dom": "~16.8.0",
-    "react-test-renderer": "~16.8.0",
-    "rollup": "^1.1.2",
-    "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-commonjs": "^9.2.0",
-    "rollup-plugin-node-resolve": "^4.0.0",
-    "rollup-plugin-peer-deps-external": "^2.0.0",
-    "rollup-plugin-url": "^2.2.2",
-    "source-map-support": "^0.5.9"
+    "eslint": "^7.1.2",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-standard": "^16.0.3",
+    "eslint-config-standard-jsx": "^10.0.0",
+    "eslint-config-standard-react": "^11.0.1",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-mocha": "^10.0.3",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "mocha": "^9.2.0",
+    "prettier": "^2.5.1",
+    "prop-types": "^15.5.4",
+    "react": "~17.0.2",
+    "react-dom": "~17.0.2",
+    "react-test-renderer": "~17.0.2",
+    "rollup": "^2.67.1",
+    "source-map-support": "^0.5.21"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/index.d.ts"
   ],
@@ -88,2 +87,3 @@ "babel": {
     ],
+    "plugins": [ "@babel/transform-runtime" ],
     "env": {
@@ -90,0 +90,0 @@ "test": {

README.md

 # react-boxplot
 
-Simple SVG box plots in React.
+Simple SVG box plots in React
 
-[![version](https://img.shields.io/npm/v/react-boxplot.svg?style=flat-square)][npm]
-[![license](https://img.shields.io/npm/l/react-boxplot.svg?style=flat-square)][npm]
-[![build](https://img.shields.io/circleci/project/github/paulmelnikow/react-boxplot.svg?style=flat-square)][build]
-[![code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)][prettier]
+[![version](https://img.shields.io/npm/v/react-boxplot?style=flat-square)][npm]
+[![license](https://img.shields.io/npm/l/react-boxplot?style=flat-square)][npm]
+[![build](https://img.shields.io/circleci/project/github/paulmelnikow/react-boxplot?style=flat-square)][build]
+[![code style](https://img.shields.io/badge/code_style-prettier-ff69b4?style=flat-square)][prettier]
 
@@ -25,36 +25,7 @@ [npm]: https://www.npmjs.com/package/react-boxplot
 import React, { Component } from 'react'
-import { Boxplot, computeBoxplotStats } from 'react-boxplot'
+import Boxplot, { computeBoxplotStats } from 'react-boxplot'
 
 const values = [
-  14,
-  15,
-  16,
-  16,
-  17,
-  17,
-  17,
-  17,
-  17,
-  18,
-  18,
-  18,
-  18,
-  18,
-  18,
-  19,
-  19,
-  19,
-  20,
-  20,
-  20,
-  20,
-  20,
-  20,
-  21,
-  21,
-  22,
-  23,
-  24,
-  24,
-  29,
+  14, 15, 16, 16, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 19, 19, 19, 20,
+  20, 20, 20, 20, 20, 21, 21, 22, 23, 24, 24, 29,
 ]
@@ -102,5 +73,5 @@
 
-- Pure SVG.
-- Horizonal or vertical orientation.
-- The scale of the major axis matches the original data.
+- Pure SVG
+- Horizonal or vertical orientation
+- The coordinate system of the major axis matches the original data
 
@@ -112,3 +83,3 @@ ## Development
 ```sh
-npm
+npm ci
 npm start
@@ -121,3 +92,3 @@ ```
 cd example
-npm
+npm ci
 npm start
@@ -124,0 +95,0 @@ ```

No alert changes

Improved metrics

Dev dependency count

29

-9.37%

Lines of code

446

7.47%

Worsened metrics

Total package byte prevSize

20335

-1.99%

Dependency count

5

25%

Number of lines in readme file

114

-20.28%

Dependency changes

• + Added

  @babel/runtime@^7.17.2

• + Added

  @babel/runtime@7.27.6
  (transitive)

• + Added

  react@17.0.2
  (transitive)

• + Added

  react-dom@17.0.2
  (transitive)

• + Added

  scheduler@0.20.2
  (transitive)

• - Removed

  react@16.14.0
  (transitive)

• - Removed

  react-dom@16.14.0
  (transitive)

• - Removed

  scheduler@0.19.1
  (transitive)