filestack-react - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

CHANGELOG.md

@@ -5,2 +5,9 @@ # Changelog
 
+### [4.0.1](https://github.com/filestack/filestack-react/compare/v4.0.0...v4.0.1) (2021-09-08)
+
+
+### Bug Fixes
+
+* **picker:** PickerInline && PickerDrop missing container ([#120](https://github.com/filestack/filestack-react/issues/120)) ([ec839c6](https://github.com/filestack/filestack-react/commit/ec839c68b71237a4dae20cb0e58eaa09c7694b88)), closes [#116](https://github.com/filestack/filestack-react/issues/116)
+
 ## [4.0.0](https://github.com/filestack/filestack-react/compare/v3.2.0...v4.0.0) (2020-12-16)
@@ -7,0 +14,0 @@

dist/filestack-react.js

@@ -1107,2 +1107,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
   onSuccess: propTypes.func,
+  onUploadDone: propTypes.func,
   onError: propTypes.func
@@ -1123,2 +1124,4 @@ };
       onSuccess = _ref$onSuccess === void 0 ? console.log : _ref$onSuccess,
+      _ref$onUploadDone = _ref.onUploadDone,
+      onUploadDone = _ref$onUploadDone === void 0 ? console.log : _ref$onUploadDone,
       _ref$onError = _ref.onError,
@@ -1131,4 +1134,5 @@ onError = _ref$onError === void 0 ? console.error : _ref$onError;
 
-  var _onSuccess = function _onSuccess(result) {
+  var _onUploadDone = function _onUploadDone(result) {
     onSuccess(result);
+    onUploadDone(result);
   };
@@ -1140,8 +1144,8 @@
 
-  var picker = filestack.Filestack(apikey, clientOptions).picker(_extends({
-    rootId: rootId,
-    container: "#" + containerId,
-    onUploadDone: _onSuccess
-  }, pickerOptions));
   React.useEffect(function () {
+    var picker = filestack.Filestack(apikey, clientOptions).picker(_extends({
+      rootId: rootId,
+      container: "#" + containerId,
+      onUploadDone: _onUploadDone
+    }, pickerOptions));
     picker.open().then()["catch"](_onError);
@@ -1153,3 +1157,3 @@ return function () {
     };
-  }, []);
+  }, [rootId, containerId, apikey, clientOptions, pickerOptions, _onUploadDone]);
   return {
@@ -1165,2 +1169,3 @@ containerId: containerId
       onSuccess = _ref.onSuccess,
+      onUploadDone = _ref.onUploadDone,
       onError = _ref.onError,
@@ -1176,2 +1181,3 @@ children = _ref.children;
     onSuccess: onSuccess,
+    onUploadDone: onUploadDone,
     onError: onError
@@ -1203,2 +1209,3 @@ }),
       onSuccess = _ref.onSuccess,
+      onUploadDone = _ref.onUploadDone,
       onError = _ref.onError,
@@ -1214,2 +1221,3 @@ children = _ref.children;
     onSuccess: onSuccess,
+    onUploadDone: onUploadDone,
     onError: onError
@@ -1245,2 +1253,3 @@ }),
       onSuccess = _ref.onSuccess,
+      onUploadDone = _ref.onUploadDone,
       onError = _ref.onError,
@@ -1256,2 +1265,3 @@ children = _ref.children;
     onSuccess: onSuccess,
+    onUploadDone: onUploadDone,
     onError: onError
@@ -1258,0 +1268,0 @@ }),

dist/filestack-react.modern.js

@@ -1106,2 +1106,3 @@ import React, { useEffect } from 'react';
   onSuccess: propTypes.func,
+  onUploadDone: propTypes.func,
   onError: propTypes.func
@@ -1122,2 +1123,4 @@ };
       onSuccess = _ref$onSuccess === void 0 ? console.log : _ref$onSuccess,
+      _ref$onUploadDone = _ref.onUploadDone,
+      onUploadDone = _ref$onUploadDone === void 0 ? console.log : _ref$onUploadDone,
       _ref$onError = _ref.onError,
@@ -1130,4 +1133,5 @@ onError = _ref$onError === void 0 ? console.error : _ref$onError;
 
-  var _onSuccess = function _onSuccess(result) {
+  var _onUploadDone = function _onUploadDone(result) {
     onSuccess(result);
+    onUploadDone(result);
   };
@@ -1139,8 +1143,8 @@
 
-  var picker = Filestack(apikey, clientOptions).picker(_extends({
-    rootId: rootId,
-    container: "#" + containerId,
-    onUploadDone: _onSuccess
-  }, pickerOptions));
   useEffect(function () {
+    var picker = Filestack(apikey, clientOptions).picker(_extends({
+      rootId: rootId,
+      container: "#" + containerId,
+      onUploadDone: _onUploadDone
+    }, pickerOptions));
     picker.open().then()["catch"](_onError);
@@ -1152,3 +1156,3 @@ return function () {
     };
-  }, []);
+  }, [rootId, containerId, apikey, clientOptions, pickerOptions, _onUploadDone]);
   return {
@@ -1164,2 +1168,3 @@ containerId: containerId
       onSuccess = _ref.onSuccess,
+      onUploadDone = _ref.onUploadDone,
       onError = _ref.onError,
@@ -1175,2 +1180,3 @@ children = _ref.children;
     onSuccess: onSuccess,
+    onUploadDone: onUploadDone,
     onError: onError
@@ -1202,2 +1208,3 @@ }),
       onSuccess = _ref.onSuccess,
+      onUploadDone = _ref.onUploadDone,
       onError = _ref.onError,
@@ -1213,2 +1220,3 @@ children = _ref.children;
     onSuccess: onSuccess,
+    onUploadDone: onUploadDone,
     onError: onError
@@ -1244,2 +1252,3 @@ }),
       onSuccess = _ref.onSuccess,
+      onUploadDone = _ref.onUploadDone,
       onError = _ref.onError,
@@ -1255,2 +1264,3 @@ children = _ref.children;
     onSuccess: onSuccess,
+    onUploadDone: onUploadDone,
     onError: onError
@@ -1257,0 +1267,0 @@ }),

dist/manifest.json

@@ -1,1 +0,1 @@
-{"filestack-react.js":{"sri":"sha256-hYKcet7sys1MPW5WtqTJunFC+9xfVkOBs87/H5Ef4Ik="},"filestack-react.modern.js":{"sri":"sha256-QwdNNmEcN+vX3PB2e3O4jIqHdwnuT8eMUemnUTCQ+AA="}}
+{"filestack-react.js":{"sri":"sha256-tFHe0wgPwNcu+2n+8eOn/dhlVHjoTQxG47SURIkDErE="},"filestack-react.modern.js":{"sri":"sha256-R4gO9OKqzarg7stmYK9+dKsk6HmrpcuyqBsGzMDem3Q="}}

package.json

 {
   "name": "filestack-react",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Official React component for Filestack - API and content management system that makes it easy to add powerful file uploading and transformation capabilities to any web or mobile application.",
@@ -44,3 +44,4 @@ "author": "filestack",
   "peerDependencies": {
-    "react": "^16.0.0"
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
   },
@@ -47,0 +48,0 @@ "devDependencies": {

README.md

@@ -28,7 +28,8 @@ <p align="center"><img src="logo.svg" align="center" width="80"/></p>
   - [SSR](#ssr)
-  - [Migration from 1.x.x and 2.x.x](#migration-from-1.x.x-and-2.x.x)
+  - [Migration from 3.x.x and 4.x.x](#migration-from-3xx-and-4xx)
+  - [Migration from 1.x.x and 2.x.x](#migration-from-1xx-and-2xx)
 - [Live demo](#live-demo)
 - [Development](#development)
 - [Documentation](#documentation)
-- [Contributing](#contributing)
+- [Contribution](#contribution)
 - [Future](#future)
@@ -51,2 +52,3 @@
   onSuccess={(res) => console.log(res)}
+  onUploadDone={(res) => console.log(res)}
 />
@@ -60,4 +62,6 @@ ```
 | pickerOptions                    | Object        |  false   |                               | https://filestack.github.io/filestack-js/interfaces/pickeroptions.html                                                                                                                                                          |
-| onSuccess                        | Function      |  false   | result => console.log(result) | A function to be called after successful completed action                                                                                                                                                  |
+| @deprecated onSuccess            | Function      |  false   | result => console.log(result) |  A function to be called after successful completed action                                                                                                                                                  |
+| onUploadDone                     | Function      |  false   | result => console.log(result) | Called when all files have been uploaded                                                                                                                                                  |
 | onError                          | Function      |  false   | error => console.error(error) | A function to be called when error occurs                                                                                                                                                                  |
+| onError                          | Function      |  false   | error => console.error(error) | A function to be called when error occurs                                                                                                                                                                  |
 
@@ -64,0 +68,0 @@ ### Examples

Fixed 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

Improved metrics

Total package byte prevSize

275445

increased by1.33%

Lines of code

2293

increased by0.88%

Number of lines in readme file

168

increased by2.44%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

3

increased by50%

No dependency changes