react-flexmonster - npm Package Compare versions

Comparing version 2.7.13 to 2.7.14

build/index.js

@@ -1,1 +0,1 @@
-module.exports=function(e){var o={};function r(t){if(o[t])return o[t].exports;var i=o[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=o,r.d=function(e,o,t){r.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:t})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,o){if(1&o&&(e=r(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var i in e)r.d(t,i,function(o){return e[o]}.bind(null,i));return t},r.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(o,"a",o),o},r.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r.p="",r(r.s=0)}([function(e,o,r){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.Pivot=void 0;var t=function(){function e(e,o){for(var r=0;r<o.length;r++){var t=o[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(o,r,t){return r&&e(o.prototype,r),t&&e(o,t),o}}(),i=function(e){if(e&&e.__esModule)return e;var o={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r]);return o.default=e,o}(r(1)),p=l(r(2)),s=l(r(3));function l(e){return e&&e.__esModule?e:{default:e}}var n=o.Pivot=function(e){function o(){return function(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")}(this,o),function(e,o){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!o||"object"!=typeof o&&"function"!=typeof o?e:o}(this,(o.__proto__||Object.getPrototypeOf(o)).apply(this,arguments))}return function(e,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function, not "+typeof o);e.prototype=Object.create(o&&o.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),o&&(Object.setPrototypeOf?Object.setPrototypeOf(e,o):e.__proto__=o)}(o,i.Component),t(o,[{key:"render",value:function(){return i.createElement("div",null," Pivot ")}},{key:"componentDidMount",value:function(){var e={};e.container=p.default.findDOMNode(this),this.parseProps(e),this.flexmonster=new s.default(e)}},{key:"shouldComponentUpdate",value:function(){return!1}},{key:"componentWillUnmount",value:function(){this.flexmonster.dispose()}},{key:"parseProps",value:function(e){void 0!==this.props.toolbar&&(e.toolbar=this.props.toolbar),void 0!==this.props.licenseKey&&(e.licenseKey=this.props.licenseKey),void 0!==this.props.width&&(e.width=this.props.width),void 0!==this.props.height&&(e.height=this.props.height),void 0!==this.props.componentFolder&&(e.componentFolder=this.props.componentFolder),void 0!==this.props.report&&(e.report=this.props.report),void 0!==this.props.global&&(e.global=this.props.global),void 0!==this.props.customizeCell&&(e.customizeCell=this.props.customizeCell),void 0!==this.props.customizeContextMenu&&(e.customizeContextMenu=this.props.customizeContextMenu),void 0!==this.props.cellclick&&(e.cellclick=this.props.cellclick),void 0!==this.props.celldoubleclick&&(e.celldoubleclick=this.props.celldoubleclick),void 0!==this.props.dataerror&&(e.dataerror=this.props.dataerror),void 0!==this.props.datafilecancelled&&(e.datafilecancelled=this.props.datafilecancelled),void 0!==this.props.dataloaded&&(e.dataloaded=this.props.dataloaded),void 0!==this.props.datachanged&&(e.datachanged=this.props.datachanged),void 0!==this.props.fieldslistclose&&(e.fieldslistclose=this.props.fieldslistclose),void 0!==this.props.fieldslistopen&&(e.fieldslistopen=this.props.fieldslistopen),void 0!==this.props.filteropen&&(e.filteropen=this.props.filteropen),void 0!==this.props.filterclose&&(e.filterclose=this.props.filterclose),void 0!==this.props.fullscreen&&(e.fullscreen=this.props.fullscreen),void 0!==this.props.loadingdata&&(e.loadingdata=this.props.loadingdata),void 0!==this.props.loadinglocalization&&(e.loadinglocalization=this.props.loadinglocalization),void 0!==this.props.loadingolapstructure&&(e.loadingolapstructure=this.props.loadingolapstructure),void 0!==this.props.loadingreportfile&&(e.loadingreportfile=this.props.loadingreportfile),void 0!==this.props.localizationerror&&(e.localizationerror=this.props.localizationerror),void 0!==this.props.localizationloaded&&(e.localizationloaded=this.props.localizationloaded),void 0!==this.props.olapstructureerror&&(e.olapstructureerror=this.props.olapstructureerror),void 0!==this.props.olapstructureloaded&&(e.olapstructureloaded=this.props.olapstructureloaded),void 0!==this.props.openingreportfile&&(e.openingreportfile=this.props.openingreportfile),void 0!==this.props.querycomplete&&(e.querycomplete=this.props.querycomplete),void 0!==this.props.queryerror&&(e.queryerror=this.props.queryerror),void 0!==this.props.ready&&(e.ready=this.props.ready),void 0!==this.props.reportchange&&(e.reportchange=this.props.reportchange),void 0!==this.props.reportcomplete&&(e.reportcomplete=this.props.reportcomplete),void 0!==this.props.reportfilecancelled&&(e.reportfilecancelled=this.props.reportfilecancelled),void 0!==this.props.reportfileerror&&(e.reportfileerror=this.props.reportfileerror),void 0!==this.props.reportfileloaded&&(e.reportfileloaded=this.props.reportfileloaded),void 0!==this.props.runningquery&&(e.runningquery=this.props.runningquery),void 0!==this.props.update&&(e.update=this.props.update),void 0!==this.props.beforetoolbarcreated&&(e.beforetoolbarcreated=this.props.beforetoolbarcreated),void 0!==this.props.aftergriddraw&&(e.aftergriddraw=this.props.aftergriddraw),void 0!==this.props.beforegriddraw&&(e.beforegriddraw=this.props.beforegriddraw),void 0!==this.props.afterchartdraw&&(e.afterchartdraw=this.props.afterchartdraw)}}]),o}();o.default=n},function(e,o){e.exports=require("react")},function(e,o){e.exports=require("react-dom")},function(e,o){e.exports=require("flexmonster")}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Pivot=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=c(n(1)),f=c(n(2)),l=c(n(3)),a=c(n(4));function c(e){return e&&e.__esModule?e:{default:e}}var i=t.Pivot=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),u(t,[{key:"componentDidMount",value:function(){this.flexmonster=new a.default(r({},this.props,{container:l.default.findDOMNode(this)}))}},{key:"shouldComponentUpdate",value:function(){return!1}},{key:"componentWillUnmount",value:function(){this.flexmonster.dispose()}},{key:"render",value:function(){return f.default.createElement("div",null,"Pivot")}}]),t}(f.default.Component);i.propTypes={afterchartdraw:o.default.func,aftergriddraw:o.default.func,beforegriddraw:o.default.func,beforetoolbarcreated:o.default.func,cellclick:o.default.func,celldoubleclick:o.default.func,componentFolder:o.default.string,customizeCell:o.default.func,customizeContextMenu:o.default.func,datachanged:o.default.func,dataerror:o.default.func,datafilecancelled:o.default.func,dataloaded:o.default.func,fieldslistclose:o.default.func,fieldslistopen:o.default.func,filterclose:o.default.func,filteropen:o.default.func,fullscreen:o.default.func,global:o.default.object,height:o.default.oneOfType([o.default.string,o.default.number]),licenseKey:o.default.string,loadingdata:o.default.func,loadinglocalization:o.default.func,loadingolapstructure:o.default.func,loadingreportfile:o.default.func,localizationerror:o.default.func,localizationloaded:o.default.func,olapstructureerror:o.default.func,olapstructureloaded:o.default.func,openingreportfile:o.default.func,querycomplete:o.default.func,queryerror:o.default.func,ready:o.default.func,report:o.default.oneOfType([o.default.string,o.default.object]),reportchange:o.default.func,reportcomplete:o.default.func,reportfilecancelled:o.default.func,reportfileerror:o.default.func,reportfileloaded:o.default.func,runningquery:o.default.func,toolbar:o.default.bool,update:o.default.func,width:o.default.oneOfType([o.default.string,o.default.number])},t.default=i},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("react-dom")},function(e,t){e.exports=require("flexmonster")}]);

package.json

 {
   "name": "react-flexmonster",
-  "version": "2.7.13",
+  "version": "2.7.14",
   "license": "MIT",
@@ -11,4 +11,5 @@ "description": "React 16.5+ Module for Flexmonster Pivot Table & Charts",
     "flexmonster": "latest",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2"
+    "prop-types": "^15.7.2",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
   },
@@ -18,4 +19,5 @@ "dependencies": {
     "flexmonster": "latest",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2"
+    "prop-types": "^15.7.2",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
   },
@@ -22,0 +24,0 @@ "scripts": {

readme.md

@@ -76,4 +76,3 @@ # React module for Flexmonster Pivot Table & Charts
   width="100%" 
-  report="https://cdn.flexmonster.com/reports/report.json"
-/>
+  report="https://cdn.flexmonster.com/reports/report.json"/>
 ```
@@ -80,0 +79,0 @@

src/index.js

@@ -1,2 +0,3 @@
-import * as React from "react";
+import PropTypes from 'prop-types';
+import React from "react";
 import ReactDOM from "react-dom";
@@ -6,207 +7,69 @@ import Flexmonster from "flexmonster";
 export class Pivot extends React.Component {
+	
+	componentDidMount() {
+		this.flexmonster = new Flexmonster({
+			...this.props,
+			container: ReactDOM.findDOMNode(this)
+		});
+	}
+	
+	shouldComponentUpdate() {
+		return false;
+	}
+	
+	componentWillUnmount() {
+		this.flexmonster.dispose();
+	}
 
-		flexmonster;
+	render() {
+		return <div>Pivot</div>;
+	}
+}
 
-		propTypes: {
-                componentFolder: React.PropTypes.string,
-                global: React.PropTypes.object,
-                width: [React.PropTypes.string, React.PropTypes.number],
-                height: [React.PropTypes.string, React.PropTypes.number],
-                report: [React.PropTypes.string, React.PropTypes.object],
-                licenseKey: React.PropTypes.string,
-                toolbar: React.PropTypes.bool,
-                customizeCell: React.PropTypes.func,
-                customizeContextMenu: React.PropTypes.func,
-                cellclick: React.PropTypes.func,
-                celldoubleclick: React.PropTypes.func,
-                dataerror: React.PropTypes.func,
-                datafilecancelled: React.PropTypes.func,
-                dataloaded: React.PropTypes.func,
-                datachanged: React.PropTypes.func,
-                fieldslistclose: React.PropTypes.func,
-                fieldslistopen: React.PropTypes.func,
-				filteropen: React.PropTypes.func,
-				filterclose: React.PropTypes.func,
-                fullscreen: React.PropTypes.func,
-                loadingdata: React.PropTypes.func,
-                loadinglocalization: React.PropTypes.func,
-                loadingolapstructure: React.PropTypes.func,
-                loadingreportfile: React.PropTypes.func,
-                localizationerror: React.PropTypes.func,
-                localizationloaded: React.PropTypes.func,
-                olapstructureerror: React.PropTypes.func,
-                olapstructureloaded: React.PropTypes.func,
-                openingreportfile: React.PropTypes.func,
-                querycomplete: React.PropTypes.func,
-                queryerror: React.PropTypes.func,
-                ready: React.PropTypes.func,
-                reportchange: React.PropTypes.func,
-                reportcomplete: React.PropTypes.func,
-                reportfilecancelled: React.PropTypes.func,
-                reportfileerror: React.PropTypes.func,
-                reportfileloaded: React.PropTypes.func,
-                runningquery: React.PropTypes.func,
-                update: React.PropTypes.func,
-				beforetoolbarcreated: React.PropTypes.func,
-				aftergriddraw: React.PropTypes.func,
-				beforegriddraw: React.PropTypes.func,
-				afterchartdraw: React.PropTypes.func
-        }
+Pivot.propTypes = {
+	afterchartdraw: PropTypes.func,
+	aftergriddraw: PropTypes.func,
+	beforegriddraw: PropTypes.func,
+	beforetoolbarcreated: PropTypes.func,
+	cellclick: PropTypes.func,
+	celldoubleclick: PropTypes.func,
+	componentFolder: PropTypes.string,
+	customizeCell: PropTypes.func,
+	customizeContextMenu: PropTypes.func,
+	datachanged: PropTypes.func,
+	dataerror: PropTypes.func,
+	datafilecancelled: PropTypes.func,
+	dataloaded: PropTypes.func,
+	fieldslistclose: PropTypes.func,
+	fieldslistopen: PropTypes.func,
+	filterclose: PropTypes.func,
+	filteropen: PropTypes.func,
+	fullscreen: PropTypes.func,
+	global: PropTypes.object,
+	height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	licenseKey: PropTypes.string,
+	loadingdata: PropTypes.func,
+	loadinglocalization: PropTypes.func,
+	loadingolapstructure: PropTypes.func,
+	loadingreportfile: PropTypes.func,
+	localizationerror: PropTypes.func,
+	localizationloaded: PropTypes.func,
+	olapstructureerror: PropTypes.func,
+	olapstructureloaded: PropTypes.func,
+	openingreportfile: PropTypes.func,
+	querycomplete: PropTypes.func,
+	queryerror: PropTypes.func,
+	ready: PropTypes.func,
+	report: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+	reportchange: PropTypes.func,
+	reportcomplete: PropTypes.func,
+	reportfilecancelled: PropTypes.func,
+	reportfileerror: PropTypes.func,
+	reportfileloaded: PropTypes.func,
+	runningquery: PropTypes.func,
+	toolbar: PropTypes.bool,
+	update: PropTypes.func,
+	width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+}
 
-		render() {
-	        return (
-	        	<div> Pivot </div>
-	        	)
-	    }
-
-		componentDidMount() {
-			var config = {};
-			config.container = ReactDOM.findDOMNode(this);
-			this.parseProps(config);
-			this.flexmonster = new Flexmonster(config);
-		}
-		
-		shouldComponentUpdate() {
-			return false;
-		}
-		
-		componentWillUnmount() {
-			this.flexmonster.dispose();
-		}
-
-		parseProps(config: Params) {
-			if (this.props.toolbar !== undefined) {
-				config.toolbar = this.props.toolbar;
-			}
-			if (this.props.licenseKey !== undefined) {
-				config.licenseKey = this.props.licenseKey;
-			}
-			if (this.props.width !== undefined) {
-				config.width = this.props.width;
-			}
-			if (this.props.height !== undefined) {
-				config.height = this.props.height;
-			}
-			if (this.props.componentFolder !== undefined) {
-				config.componentFolder = this.props.componentFolder;
-			}
-			if (this.props.report !== undefined) {
-				config.report = this.props.report;
-			}
-			if (this.props.global !== undefined) {
-				config.global = this.props.global;
-			}
-			if (this.props.customizeCell !== undefined) {
-				config.customizeCell = this.props.customizeCell;
-			}
-			if (this.props.customizeContextMenu !== undefined) {
-				config.customizeContextMenu = this.props.customizeContextMenu;
-			}
-			// events
-			if (this.props.cellclick !== undefined) {
-				config.cellclick = this.props.cellclick;
-			}
-			if (this.props.celldoubleclick !== undefined) {
-				config.celldoubleclick = this.props.celldoubleclick;
-			}
-			if (this.props.dataerror !== undefined) {
-				config.dataerror = this.props.dataerror;
-			}
-			if (this.props.datafilecancelled !== undefined) {
-				config.datafilecancelled = this.props.datafilecancelled;
-			}
-			if (this.props.dataloaded !== undefined) {
-				config.dataloaded = this.props.dataloaded;
-			}
-			if (this.props.datachanged !== undefined) {
-				config.datachanged = this.props.datachanged;
-			}
-			if (this.props.fieldslistclose !== undefined) {
-				config.fieldslistclose = this.props.fieldslistclose;
-			}
-			if (this.props.fieldslistopen !== undefined) {
-				config.fieldslistopen = this.props.fieldslistopen;
-			}
-			if (this.props.filteropen !== undefined) {
-				config.filteropen = this.props.filteropen;
-			}
-			if (this.props.filterclose !== undefined) {
-				config.filterclose = this.props.filterclose;
-			}
-			if (this.props.fullscreen !== undefined) {
-				config.fullscreen = this.props.fullscreen;
-			}
-			if (this.props.loadingdata !== undefined) {
-				config.loadingdata = this.props.loadingdata;
-			}
-			if (this.props.loadinglocalization !== undefined) {
-				config.loadinglocalization = this.props.loadinglocalization;
-			}
-			if (this.props.loadingolapstructure !== undefined) {
-				config.loadingolapstructure = this.props.loadingolapstructure;
-			}
-			if (this.props.loadingreportfile !== undefined) {
-				config.loadingreportfile = this.props.loadingreportfile;
-			}
-			if (this.props.localizationerror !== undefined) {
-				config.localizationerror = this.props.localizationerror;
-			}
-			if (this.props.localizationloaded !== undefined) {
-				config.localizationloaded = this.props.localizationloaded;
-			}
-			if (this.props.olapstructureerror !== undefined) {
-				config.olapstructureerror = this.props.olapstructureerror;
-			}
-			if (this.props.olapstructureloaded !== undefined) {
-				config.olapstructureloaded = this.props.olapstructureloaded;
-			}
-			if (this.props.openingreportfile !== undefined) {
-				config.openingreportfile = this.props.openingreportfile;
-			}
-			if (this.props.querycomplete !== undefined) {
-				config.querycomplete = this.props.querycomplete;
-			}
-			if (this.props.queryerror !== undefined) {
-				config.queryerror = this.props.queryerror;
-			}
-			if (this.props.ready !== undefined) {
-				config.ready = this.props.ready;
-			}
-			if (this.props.reportchange !== undefined) {
-				config.reportchange = this.props.reportchange;
-			}
-			if (this.props.reportcomplete !== undefined) {
-				config.reportcomplete = this.props.reportcomplete;
-			}
-			if (this.props.reportfilecancelled !== undefined) {
-				config.reportfilecancelled = this.props.reportfilecancelled;
-			}
-			if (this.props.reportfileerror !== undefined) {
-				config.reportfileerror = this.props.reportfileerror;
-			}
-			if (this.props.reportfileloaded !== undefined) {
-				config.reportfileloaded = this.props.reportfileloaded;
-			}
-			if (this.props.runningquery !== undefined) {
-				config.runningquery = this.props.runningquery;
-			}
-			if (this.props.update !== undefined) {
-				config.update = this.props.update;
-			}
-			if (this.props.beforetoolbarcreated !== undefined) {
-				config.beforetoolbarcreated = this.props.beforetoolbarcreated;
-			}
-			if (this.props.aftergriddraw !== undefined) {
-				config.aftergriddraw = this.props.aftergriddraw;
-			}
-			if (this.props.beforegriddraw !== undefined) {
-				config.beforegriddraw = this.props.beforegriddraw;
-			}
-			if (this.props.afterchartdraw !== undefined) {
-				config.afterchartdraw = this.props.afterchartdraw;
-			}
-		}
-
-	}
-
 export default Pivot;

webpack.config.js

 
 var path = require('path');
-module.exports = {
+module.exports = [{
   entry: './src/index.js',
@@ -28,4 +28,34 @@ output: {
     'react-dom': 'commonjs react-dom',// this line is just to use the React-Dom dependency of our parent-testing-project instead of using our own React-Dom.
-    'flexmonster': 'commonjs flexmonster'
+    'flexmonster': 'commonjs flexmonster',
+    'prop-types': 'commonjs prop-types'
   }
-};
+},
+{
+  entry: './src/hooks.js',
+  output: {
+    path: path.resolve(__dirname, 'hooks'),
+    filename: 'index.js',
+    libraryTarget: 'commonjs2' // THIS IS THE MOST IMPORTANT LINE! :mindblow: I wasted more than 2 days until realize this was the line most important in all this guide.
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        include: path.resolve(__dirname, 'src'),
+        exclude: /(node_modules|bower_components|build)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['react']
+          }
+        }
+      }
+    ]
+  },
+  externals: {
+    'react': 'commonjs react', // this line is just to use the React dependency of our parent-testing-project instead of using our own React
+    //'react-dom': 'commonjs react-dom',// this line is just to use the React-Dom dependency of our parent-testing-project instead of using our own React-Dom.
+    'flexmonster': 'commonjs flexmonster',
+    'prop-types': 'commonjs prop-types'
+  }
+}];

New alerts

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

12

increased by33.33%

Worsened metrics

Total package byte prevSize

20011

decreased by-2.92%

Dependency count

10

increased by25%

Lines of code

205

decreased by-12.02%

Number of low quality alerts

3

increased by50%

Number of lines in readme file

88

decreased by-1.12%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedprop-types@^15.7.2

• Updatedreact@^16.8.1

• Updatedreact-dom@^16.8.1