filestack-react - npm Package Compare versions

Comparing version 4.0.1 to 5.0.0

dist/filestack-react.js

@@ -8,6 +8,5 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
@@ -19,6 +18,4 @@ if (Object.prototype.hasOwnProperty.call(source, key)) {
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
@@ -359,2 +356,4 @@ }
 
+var has = Function.call.bind(Object.prototype.hasOwnProperty);
+
 var printWarning = function() {};
@@ -365,3 +364,3 @@
   var loggedTypeFailures = {};
-  var has = Function.call.bind(Object.prototype.hasOwnProperty);
+  var has$1 = has;
 
@@ -378,3 +377,3 @@ printWarning = function(text) {
       throw new Error(message);
-    } catch (x) {}
+    } catch (x) { /**/ }
   };
@@ -397,3 +396,3 @@ }
     for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
+      if (has$1(typeSpecs, typeSpecName)) {
         var error;
@@ -409,3 +408,4 @@ // Prop type validation may throw. In case they do, we don't want to
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
             );
@@ -458,3 +458,2 @@ err.name = 'Invariant Violation';
 
-var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 var printWarning$1 = function() {};
@@ -560,2 +559,3 @@
     array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
@@ -606,4 +606,5 @@ func: createPrimitiveTypeChecker('function'),
    */
-  function PropTypeError(message) {
+  function PropTypeError(message, data) {
     this.message = message;
+    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
@@ -643,3 +644,3 @@ }
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
@@ -683,3 +684,6 @@ 'You may be seeing this warning due to a third-party PropTypes ' +
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+        return new PropTypeError(
+          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+          {expectedType: expectedType}
+        );
       }
@@ -798,3 +802,3 @@ return null;
       for (var key in propValue) {
-        if (has$1(propValue, key)) {
+        if (has(propValue, key)) {
           var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
@@ -829,10 +833,15 @@ if (error instanceof Error) {
     function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1);
+        if (checkerResult == null) {
           return null;
         }
+        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
       }
-
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
     }
@@ -852,2 +861,9 @@ return createChainableTypeChecker(validate);
 
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError(
+      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+    );
+  }
+
   function createShapeTypeChecker(shapeTypes) {
@@ -862,4 +878,4 @@ function validate(props, propName, componentName, location, propFullName) {
         var checker = shapeTypes[key];
-        if (!checker) {
-          continue;
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
@@ -883,7 +899,9 @@ var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
       }
-      // We need to check all keys in case some are required but missing from
-      // props.
+      // We need to check all keys in case some are required but missing from props.
       var allKeys = objectAssign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
+        if (has(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
         if (!checker) {
@@ -893,3 +911,3 @@ return new PropTypeError(
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
@@ -1070,2 +1088,3 @@ }
     array: shim,
+    bigint: shim,
     bool: shim,
@@ -1133,20 +1152,17 @@ func: shim,
 };
-
 var usePicker = function usePicker(_ref) {
   var apikey = _ref.apikey,
-      _ref$pickerOptions = _ref.pickerOptions,
-      pickerOptions = _ref$pickerOptions === void 0 ? {} : _ref$pickerOptions,
-      _ref$clientOptions = _ref.clientOptions,
-      clientOptions = _ref$clientOptions === void 0 ? {} : _ref$clientOptions,
-      _ref$onSuccess = _ref.onSuccess,
-      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,
-      onError = _ref$onError === void 0 ? console.error : _ref$onError;
-
+    _ref$pickerOptions = _ref.pickerOptions,
+    pickerOptions = _ref$pickerOptions === void 0 ? {} : _ref$pickerOptions,
+    _ref$clientOptions = _ref.clientOptions,
+    clientOptions = _ref$clientOptions === void 0 ? {} : _ref$clientOptions,
+    _ref$onSuccess = _ref.onSuccess,
+    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,
+    onError = _ref$onError === void 0 ? console.error : _ref$onError;
   var _onError = function _onError(error) {
     onError(error);
   };
-
   var _onUploadDone = function _onUploadDone(result) {
@@ -1156,7 +1172,4 @@ onSuccess(result);
   };
-
   var rootId = _generateRandomId();
-
   var containerId = _generateRandomId();
-
   React.useEffect(function () {
@@ -1182,21 +1195,19 @@ var picker = filestack.Filestack(apikey, clientOptions).picker(_extends({
   var apikey = _ref.apikey,
-      pickerOptions = _ref.pickerOptions,
-      clientOptions = _ref.clientOptions,
-      onSuccess = _ref.onSuccess,
-      onUploadDone = _ref.onUploadDone,
-      onError = _ref.onError,
-      children = _ref.children;
-
+    pickerOptions = _ref.pickerOptions,
+    clientOptions = _ref.clientOptions,
+    onSuccess = _ref.onSuccess,
+    onUploadDone = _ref.onUploadDone,
+    onError = _ref.onError,
+    children = _ref.children;
   var _usePicker = usePicker({
-    apikey: apikey,
-    pickerOptions: _extends({
-      displayMode: filestack.PickerDisplayMode.overlay
-    }, pickerOptions),
-    clientOptions: clientOptions,
-    onSuccess: onSuccess,
-    onUploadDone: onUploadDone,
-    onError: onError
-  }),
-      containerId = _usePicker.containerId;
-
+      apikey: apikey,
+      pickerOptions: _extends({
+        displayMode: filestack.PickerDisplayMode.overlay
+      }, pickerOptions),
+      clientOptions: clientOptions,
+      onSuccess: onSuccess,
+      onUploadDone: onUploadDone,
+      onError: onError
+    }),
+    containerId = _usePicker.containerId;
   var render = function render() {
@@ -1208,3 +1219,2 @@ if (children) {
     }
-
     return /*#__PURE__*/React__default.createElement("div", {
@@ -1214,6 +1224,4 @@ id: containerId
   };
-
   return render();
 };
-
 PickerOverlay.propTypes = pickerPropTypes;
@@ -1223,21 +1231,19 @@
   var apikey = _ref.apikey,
-      pickerOptions = _ref.pickerOptions,
-      clientOptions = _ref.clientOptions,
-      onSuccess = _ref.onSuccess,
-      onUploadDone = _ref.onUploadDone,
-      onError = _ref.onError,
-      children = _ref.children;
-
+    pickerOptions = _ref.pickerOptions,
+    clientOptions = _ref.clientOptions,
+    onSuccess = _ref.onSuccess,
+    onUploadDone = _ref.onUploadDone,
+    onError = _ref.onError,
+    children = _ref.children;
   var _usePicker = usePicker({
-    apikey: apikey,
-    pickerOptions: _extends({
-      displayMode: filestack.PickerDisplayMode.inline
-    }, pickerOptions),
-    clientOptions: clientOptions,
-    onSuccess: onSuccess,
-    onUploadDone: onUploadDone,
-    onError: onError
-  }),
-      containerId = _usePicker.containerId;
-
+      apikey: apikey,
+      pickerOptions: _extends({
+        displayMode: filestack.PickerDisplayMode.inline
+      }, pickerOptions),
+      clientOptions: clientOptions,
+      onSuccess: onSuccess,
+      onUploadDone: onUploadDone,
+      onError: onError
+    }),
+    containerId = _usePicker.containerId;
   var render = function render() {
@@ -1249,3 +1255,2 @@ if (children) {
     }
-
     return /*#__PURE__*/React__default.createElement("div", {
@@ -1259,6 +1264,4 @@ "data-testid": "picker-inline",
   };
-
   return render();
 };
-
 PickerInline.propTypes = pickerPropTypes;
@@ -1268,21 +1271,19 @@
   var apikey = _ref.apikey,
-      pickerOptions = _ref.pickerOptions,
-      clientOptions = _ref.clientOptions,
-      onSuccess = _ref.onSuccess,
-      onUploadDone = _ref.onUploadDone,
-      onError = _ref.onError,
-      children = _ref.children;
-
+    pickerOptions = _ref.pickerOptions,
+    clientOptions = _ref.clientOptions,
+    onSuccess = _ref.onSuccess,
+    onUploadDone = _ref.onUploadDone,
+    onError = _ref.onError,
+    children = _ref.children;
   var _usePicker = usePicker({
-    apikey: apikey,
-    pickerOptions: _extends({
-      displayMode: filestack.PickerDisplayMode.dropPane
-    }, pickerOptions),
-    clientOptions: clientOptions,
-    onSuccess: onSuccess,
-    onUploadDone: onUploadDone,
-    onError: onError
-  }),
-      containerId = _usePicker.containerId;
-
+      apikey: apikey,
+      pickerOptions: _extends({
+        displayMode: filestack.PickerDisplayMode.dropPane
+      }, pickerOptions),
+      clientOptions: clientOptions,
+      onSuccess: onSuccess,
+      onUploadDone: onUploadDone,
+      onError: onError
+    }),
+    containerId = _usePicker.containerId;
   var render = function render() {
@@ -1294,3 +1295,2 @@ if (children) {
     }
-
     return /*#__PURE__*/React__default.createElement("div", {
@@ -1300,6 +1300,4 @@ id: containerId
   };
-
   return render();
 };
-
 PickerDropPane.propTypes = pickerPropTypes;
@@ -1306,0 +1304,0 @@

dist/filestack-react.modern.js

@@ -7,6 +7,5 @@ import React, { useEffect } from 'react';
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
@@ -18,6 +17,4 @@ if (Object.prototype.hasOwnProperty.call(source, key)) {
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
@@ -358,2 +355,4 @@ }
 
+var has = Function.call.bind(Object.prototype.hasOwnProperty);
+
 var printWarning = function() {};
@@ -364,3 +363,3 @@
   var loggedTypeFailures = {};
-  var has = Function.call.bind(Object.prototype.hasOwnProperty);
+  var has$1 = has;
 
@@ -377,3 +376,3 @@ printWarning = function(text) {
       throw new Error(message);
-    } catch (x) {}
+    } catch (x) { /**/ }
   };
@@ -396,3 +395,3 @@ }
     for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
+      if (has$1(typeSpecs, typeSpecName)) {
         var error;
@@ -408,3 +407,4 @@ // Prop type validation may throw. In case they do, we don't want to
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
             );
@@ -457,3 +457,2 @@ err.name = 'Invariant Violation';
 
-var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 var printWarning$1 = function() {};
@@ -559,2 +558,3 @@
     array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
@@ -605,4 +605,5 @@ func: createPrimitiveTypeChecker('function'),
    */
-  function PropTypeError(message) {
+  function PropTypeError(message, data) {
     this.message = message;
+    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
@@ -642,3 +643,3 @@ }
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
@@ -682,3 +683,6 @@ 'You may be seeing this warning due to a third-party PropTypes ' +
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+        return new PropTypeError(
+          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+          {expectedType: expectedType}
+        );
       }
@@ -797,3 +801,3 @@ return null;
       for (var key in propValue) {
-        if (has$1(propValue, key)) {
+        if (has(propValue, key)) {
           var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
@@ -828,10 +832,15 @@ if (error instanceof Error) {
     function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1);
+        if (checkerResult == null) {
           return null;
         }
+        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
       }
-
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
     }
@@ -851,2 +860,9 @@ return createChainableTypeChecker(validate);
 
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError(
+      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+    );
+  }
+
   function createShapeTypeChecker(shapeTypes) {
@@ -861,4 +877,4 @@ function validate(props, propName, componentName, location, propFullName) {
         var checker = shapeTypes[key];
-        if (!checker) {
-          continue;
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
@@ -882,7 +898,9 @@ var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
       }
-      // We need to check all keys in case some are required but missing from
-      // props.
+      // We need to check all keys in case some are required but missing from props.
       var allKeys = objectAssign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
+        if (has(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
         if (!checker) {
@@ -892,3 +910,3 @@ return new PropTypeError(
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
@@ -1069,2 +1087,3 @@ }
     array: shim,
+    bigint: shim,
     bool: shim,
@@ -1132,20 +1151,17 @@ func: shim,
 };
-
 var usePicker = function usePicker(_ref) {
   var apikey = _ref.apikey,
-      _ref$pickerOptions = _ref.pickerOptions,
-      pickerOptions = _ref$pickerOptions === void 0 ? {} : _ref$pickerOptions,
-      _ref$clientOptions = _ref.clientOptions,
-      clientOptions = _ref$clientOptions === void 0 ? {} : _ref$clientOptions,
-      _ref$onSuccess = _ref.onSuccess,
-      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,
-      onError = _ref$onError === void 0 ? console.error : _ref$onError;
-
+    _ref$pickerOptions = _ref.pickerOptions,
+    pickerOptions = _ref$pickerOptions === void 0 ? {} : _ref$pickerOptions,
+    _ref$clientOptions = _ref.clientOptions,
+    clientOptions = _ref$clientOptions === void 0 ? {} : _ref$clientOptions,
+    _ref$onSuccess = _ref.onSuccess,
+    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,
+    onError = _ref$onError === void 0 ? console.error : _ref$onError;
   var _onError = function _onError(error) {
     onError(error);
   };
-
   var _onUploadDone = function _onUploadDone(result) {
@@ -1155,7 +1171,4 @@ onSuccess(result);
   };
-
   var rootId = _generateRandomId();
-
   var containerId = _generateRandomId();
-
   useEffect(function () {
@@ -1181,21 +1194,19 @@ var picker = Filestack(apikey, clientOptions).picker(_extends({
   var apikey = _ref.apikey,
-      pickerOptions = _ref.pickerOptions,
-      clientOptions = _ref.clientOptions,
-      onSuccess = _ref.onSuccess,
-      onUploadDone = _ref.onUploadDone,
-      onError = _ref.onError,
-      children = _ref.children;
-
+    pickerOptions = _ref.pickerOptions,
+    clientOptions = _ref.clientOptions,
+    onSuccess = _ref.onSuccess,
+    onUploadDone = _ref.onUploadDone,
+    onError = _ref.onError,
+    children = _ref.children;
   var _usePicker = usePicker({
-    apikey: apikey,
-    pickerOptions: _extends({
-      displayMode: PickerDisplayMode.overlay
-    }, pickerOptions),
-    clientOptions: clientOptions,
-    onSuccess: onSuccess,
-    onUploadDone: onUploadDone,
-    onError: onError
-  }),
-      containerId = _usePicker.containerId;
-
+      apikey: apikey,
+      pickerOptions: _extends({
+        displayMode: PickerDisplayMode.overlay
+      }, pickerOptions),
+      clientOptions: clientOptions,
+      onSuccess: onSuccess,
+      onUploadDone: onUploadDone,
+      onError: onError
+    }),
+    containerId = _usePicker.containerId;
   var render = function render() {
@@ -1207,3 +1218,2 @@ if (children) {
     }
-
     return /*#__PURE__*/React.createElement("div", {
@@ -1213,6 +1223,4 @@ id: containerId
   };
-
   return render();
 };
-
 PickerOverlay.propTypes = pickerPropTypes;
@@ -1222,21 +1230,19 @@
   var apikey = _ref.apikey,
-      pickerOptions = _ref.pickerOptions,
-      clientOptions = _ref.clientOptions,
-      onSuccess = _ref.onSuccess,
-      onUploadDone = _ref.onUploadDone,
-      onError = _ref.onError,
-      children = _ref.children;
-
+    pickerOptions = _ref.pickerOptions,
+    clientOptions = _ref.clientOptions,
+    onSuccess = _ref.onSuccess,
+    onUploadDone = _ref.onUploadDone,
+    onError = _ref.onError,
+    children = _ref.children;
   var _usePicker = usePicker({
-    apikey: apikey,
-    pickerOptions: _extends({
-      displayMode: PickerDisplayMode.inline
-    }, pickerOptions),
-    clientOptions: clientOptions,
-    onSuccess: onSuccess,
-    onUploadDone: onUploadDone,
-    onError: onError
-  }),
-      containerId = _usePicker.containerId;
-
+      apikey: apikey,
+      pickerOptions: _extends({
+        displayMode: PickerDisplayMode.inline
+      }, pickerOptions),
+      clientOptions: clientOptions,
+      onSuccess: onSuccess,
+      onUploadDone: onUploadDone,
+      onError: onError
+    }),
+    containerId = _usePicker.containerId;
   var render = function render() {
@@ -1248,3 +1254,2 @@ if (children) {
     }
-
     return /*#__PURE__*/React.createElement("div", {
@@ -1258,6 +1263,4 @@ "data-testid": "picker-inline",
   };
-
   return render();
 };
-
 PickerInline.propTypes = pickerPropTypes;
@@ -1267,21 +1270,19 @@
   var apikey = _ref.apikey,
-      pickerOptions = _ref.pickerOptions,
-      clientOptions = _ref.clientOptions,
-      onSuccess = _ref.onSuccess,
-      onUploadDone = _ref.onUploadDone,
-      onError = _ref.onError,
-      children = _ref.children;
-
+    pickerOptions = _ref.pickerOptions,
+    clientOptions = _ref.clientOptions,
+    onSuccess = _ref.onSuccess,
+    onUploadDone = _ref.onUploadDone,
+    onError = _ref.onError,
+    children = _ref.children;
   var _usePicker = usePicker({
-    apikey: apikey,
-    pickerOptions: _extends({
-      displayMode: PickerDisplayMode.dropPane
-    }, pickerOptions),
-    clientOptions: clientOptions,
-    onSuccess: onSuccess,
-    onUploadDone: onUploadDone,
-    onError: onError
-  }),
-      containerId = _usePicker.containerId;
-
+      apikey: apikey,
+      pickerOptions: _extends({
+        displayMode: PickerDisplayMode.dropPane
+      }, pickerOptions),
+      clientOptions: clientOptions,
+      onSuccess: onSuccess,
+      onUploadDone: onUploadDone,
+      onError: onError
+    }),
+    containerId = _usePicker.containerId;
   var render = function render() {
@@ -1293,3 +1294,2 @@ if (children) {
     }
-
     return /*#__PURE__*/React.createElement("div", {
@@ -1299,6 +1299,4 @@ id: containerId
   };
-
   return render();
 };
-
 PickerDropPane.propTypes = pickerPropTypes;
@@ -1305,0 +1303,0 @@

dist/manifest.json

@@ -1,1 +0,1 @@
-{"filestack-react.js":{"sri":"sha256-tFHe0wgPwNcu+2n+8eOn/dhlVHjoTQxG47SURIkDErE="},"filestack-react.modern.js":{"sri":"sha256-R4gO9OKqzarg7stmYK9+dKsk6HmrpcuyqBsGzMDem3Q="}}
+{"filestack-react.js":{"sri":"sha256-KyfCQPv1W6bTwZDa3Gee20jMa+5wv7ZYntmGLMB3UWY="},"filestack-react.modern.js":{"sri":"sha256-IARC4GWtnUQCVCqwmpkcERogL6h5/wqnrSARiCU062E="}}

package.json

 {
   "name": "filestack-react",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "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,34 +44,35 @@ "author": "filestack",
   "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^11.2.2",
-    "@testing-library/react-hooks": "^3.4.2",
-    "aws-sdk": "^2.808.0",
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
-    "git-rev-sync": "^3.0.1",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-react": "^7.18.6",
+    "@testing-library/react": "^13.4.0",
+    "aws-sdk": "^2.1304.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.32.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-config-standard-react": "^13.0.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.1",
+    "eslint-plugin-standard": "^4.1.0",
+    "gh-pages": "^5.0.0",
+    "git-rev-sync": "^3.0.2",
     "gulp": "^4.0.2",
     "gulp-s3-publish": "^3.0.0",
     "gulp-sri": "^0.3.1",
-    "microbundle-crl": "^0.13.10",
+    "microbundle-crl": "^0.13.11",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1",
-    "react-test-renderer": "^16.14.0",
-    "standard-version": "^9.0.0"
+    "prettier": "^2.8.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "react-test-renderer": "^18.2.0",
+    "standard-version": "^9.5.0"
   },
@@ -82,4 +83,4 @@ "files": [
   "dependencies": {
-    "filestack-js": "^3.20.0"
+    "filestack-js": "^3.28.0"
   }
 }

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

279697

increased by1.54%

Lines of code

2335

increased by1.83%

Worsened metrics

Dev dependency count

29

increased by3.57%

Number of package files

8

decreased by-11.11%

Number of low supply chain risk alerts

33

increased by50%

Dependency changes

• + Addedfast-xml-parser@4.4.0(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• - Removedfast-xml-parser@4.3.6(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@16.14.0(transitive)

• - Removedreact-dom@16.14.0(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedscheduler@0.19.1(transitive)

• Updatedfilestack-js@^3.28.0