@uppy/react - npm Package Compare versions

Comparing version 2.1.2 to 2.2.0

lib/Dashboard.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const React = require('react');
@@ -70,2 +68,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: container => {
@@ -72,0 +71,0 @@ this.container = container;

lib/DashboardModal.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const React = require('react');
@@ -87,2 +85,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: container => {
@@ -89,0 +88,0 @@ this.container = container;

lib/DragDrop.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const React = require('react');
@@ -70,2 +68,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: container => {
@@ -72,0 +71,0 @@ this.container = container;

lib/FileInput.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const PropTypes = require('prop-types');
@@ -60,2 +58,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: container => {
@@ -62,0 +61,0 @@ this.container = container;

lib/getHTMLProps.js

@@ -1,3 +0,1 @@
-"use strict";
-
 // List taken from React.HTMLAttributes supported properties:
@@ -4,0 +2,0 @@ // https://unpkg.com/@types/react@17.0.22/index.d.ts:1821

lib/ProgressBar.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const React = require('react');
@@ -71,2 +69,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: container => {
@@ -73,0 +72,0 @@ this.container = container;

lib/propTypes.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const PropTypes = require('prop-types');
@@ -4,0 +2,0 @@

lib/StatusBar.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const React = require('react');
@@ -72,2 +70,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: container => {
@@ -74,0 +73,0 @@ this.container = container;

lib/useUppy.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const {
@@ -27,3 +25,5 @@ useEffect,
     return () => {
-      uppy.current.close();
+      uppy.current.close({
+        reason: 'unmount'
+      });
     };
@@ -30,0 +30,0 @@ }, []);

lib/Wrapper.js

@@ -1,3 +0,1 @@
-"use strict";
-
 const React = require('react');
@@ -52,2 +50,3 @@
     return h('div', {
+      className: 'uppy-Container',
       ref: this.refContainer
@@ -54,0 +53,0 @@ });

package.json

 {
   "name": "@uppy/react",
   "description": "React component wrappers around Uppy's official UI plugins.",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "license": "MIT",
@@ -25,21 +25,18 @@ "main": "index.js",
   "dependencies": {
-    "@uppy/dashboard": "^2.1.2",
-    "@uppy/drag-drop": "^2.0.5",
-    "@uppy/file-input": "^2.0.5",
-    "@uppy/progress-bar": "^2.0.4",
-    "@uppy/status-bar": "^2.1.2",
-    "@uppy/utils": "^4.0.4",
+    "@uppy/dashboard": "^2.2.0",
+    "@uppy/drag-drop": "^2.1.0",
+    "@uppy/file-input": "^2.1.0",
+    "@uppy/progress-bar": "^2.1.0",
+    "@uppy/status-bar": "^2.2.0",
+    "@uppy/utils": "^4.0.7",
     "prop-types": "^15.6.1"
   },
   "devDependencies": {
-    "@types/react": "^17.0.13",
-    "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "@types/react": "^18.0.8",
+    "react": "^18.1.0"
   },
   "peerDependencies": {
-    "@uppy/core": "^2.1.3",
-    "react": "^16.0.0 || ^17.0.0"
+    "@uppy/core": "^2.2.0",
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   }
 }

src/Dashboard.js

@@ -57,2 +57,3 @@ const React = require('react')
     return h('div', {
+      className: 'uppy-Container',
       ref: (container) => {
@@ -59,0 +60,0 @@ this.container = container

src/DashboardModal.js

@@ -71,2 +71,3 @@ const React = require('react')
     return h('div', {
+      className: 'uppy-Container',
       ref: (container) => {
@@ -73,0 +74,0 @@ this.container = container

src/DragDrop.js

@@ -58,2 +58,3 @@ const React = require('react')
     return h('div', {
+      className: 'uppy-Container',
       ref: (container) => {
@@ -60,0 +61,0 @@ this.container = container

src/FileInput.js

@@ -51,2 +51,3 @@ const PropTypes = require('prop-types')
     return h('div', {
+      className: 'uppy-Container',
       ref: (container) => {
@@ -53,0 +54,0 @@ this.container = container

src/ProgressBar.js

@@ -58,2 +58,3 @@ const React = require('react')
     return h('div', {
+      className: 'uppy-Container',
       ref: (container) => {
@@ -60,0 +61,0 @@ this.container = container

src/StatusBar.js

@@ -59,2 +59,3 @@ const React = require('react')
     return h('div', {
+      className: 'uppy-Container',
       ref: (container) => {
@@ -61,0 +62,0 @@ this.container = container

src/useUppy.js

@@ -20,3 +20,3 @@ const { useEffect, useRef } = require('react')
     return () => {
-      uppy.current.close()
+      uppy.current.close({ reason: 'unmount' })
     }
@@ -23,0 +23,0 @@ }, [])

src/Wrapper.js

@@ -48,3 +48,3 @@ const React = require('react')
   render () {
-    return h('div', { ref: this.refContainer })
+    return h('div', { className: 'uppy-Container', ref: this.refContainer })
   }
@@ -51,0 +51,0 @@ }

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

Improved metrics

Dev dependency count

2

decreased by-60%

Worsened metrics

Total package byte prevSize

94248

decreased by-10.03%

Number of package files

49

decreased by-18.33%

Lines of code

1481

decreased by-21.14%

Dependency changes

• + Addedreact@18.3.1(transitive)

• - Removedreact@17.0.2(transitive)

• Updated@uppy/dashboard@^2.2.0

• Updated@uppy/drag-drop@^2.1.0

• Updated@uppy/file-input@^2.1.0

• Updated@uppy/progress-bar@^2.1.0

• Updated@uppy/status-bar@^2.2.0

• Updated@uppy/utils@^4.0.7