react-uploader - npm Package Compare versions

Comparing version 3.33.0 to 3.34.0

dist/main.js

@@ -58,3 +58,61 @@ /******/ (function() { // webpackBootstrap
 
+;// CONCATENATED MODULE: external "react"
+var external_react_namespaceObject = require("react");;
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "lodash.isequal"
+var external_lodash_isequal_namespaceObject = require("lodash.isequal");;
+var external_lodash_isequal_default = /*#__PURE__*/__webpack_require__.n(external_lodash_isequal_namespaceObject);
+;// CONCATENATED MODULE: ./src/hooks/UseObjectDep.ts
+
+
+function useObjectDep(value) {
+  var _a;
+
+  var ref = (0,external_react_namespaceObject.useRef)();
+
+  if (!external_lodash_isequal_default()(value, ref.current)) {
+    ref.current = value;
+  }
+
+  return (_a = ref.current) !== null && _a !== void 0 ? _a : value;
+}
+;// CONCATENATED MODULE: ./src/hooks/UseAutoUpdatingOptions.ts
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+function useAutoUpdatingOptions(optionsMaybe) {
+  var _useState = (0,external_react_namespaceObject.useState)(undefined),
+      _useState2 = _slicedToArray(_useState, 2),
+      methods = _useState2[0],
+      setMethods = _useState2[1];
+
+  var optionsDep = useObjectDep(optionsMaybe !== null && optionsMaybe !== void 0 ? optionsMaybe : {});
+  (0,external_react_namespaceObject.useEffect)(function () {
+    if (methods !== undefined) {
+      methods.updateConfig(optionsMaybe !== null && optionsMaybe !== void 0 ? optionsMaybe : {});
+    }
+  }, [optionsDep, methods]);
+  return Object.assign(Object.assign({}, optionsMaybe), {
+    onInit: function onInit(m) {
+      if ((optionsMaybe === null || optionsMaybe === void 0 ? void 0 : optionsMaybe.onInit) !== undefined) {
+        optionsMaybe.onInit(m);
+      }
+
+      setMethods(m);
+    }
+  });
+}
 ;// CONCATENATED MODULE: ./src/UploadButton.tsx
+
 var UploadButton = function UploadButton(_ref) {
@@ -65,6 +123,7 @@ var uploader = _ref.uploader,
       children = _ref.children;
+  var autoUpdatingOptions = useAutoUpdatingOptions(options);
 
   var onClick = function onClick(e) {
     e.preventDefault();
-    uploader.open(options).then(function (files) {
+    uploader.open(autoUpdatingOptions).then(function (files) {
       if (onComplete !== undefined) {
@@ -82,17 +141,14 @@ onComplete(files);
 };
-;// CONCATENATED MODULE: external "react"
-var external_react_namespaceObject = require("react");;
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: ./src/Utils.ts
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+;// CONCATENATED MODULE: ./src/hooks/UseElementRef.ts
+function UseElementRef_slicedToArray(arr, i) { return UseElementRef_arrayWithHoles(arr) || UseElementRef_iterableToArrayLimit(arr, i) || UseElementRef_unsupportedIterableToArray(arr, i) || UseElementRef_nonIterableRest(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function UseElementRef_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function UseElementRef_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return UseElementRef_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return UseElementRef_arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function UseElementRef_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function UseElementRef_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function UseElementRef_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -106,3 +162,3 @@
   var _useState = (0,external_react_namespaceObject.useState)(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = UseElementRef_slicedToArray(_useState, 2),
       element = _useState2[0],
@@ -131,2 +187,3 @@ setElement = _useState2[1];
 
+
 var UploadDropzone = function UploadDropzone(_ref) {
@@ -149,3 +206,7 @@ var uploader = _ref.uploader,
     className: className
-  }; // Prevent React warning, while keeping rendering synchronous in the browser.
+  };
+  var onUpdateParams = onUpdate === undefined ? {} : {
+    onUpdate: onUpdate
+  };
+  var autoUpdatingOptions = useAutoUpdatingOptions(Object.assign(Object.assign({}, options), onUpdateParams)); // Prevent React warning, while keeping rendering synchronous in the browser.
 
@@ -155,6 +216,3 @@ if (typeof window !== "undefined") {
       if (element !== undefined) {
-        var onUpdateParams = onUpdate === undefined ? {} : {
-          onUpdate: onUpdate
-        };
-        uploader.open(Object.assign(Object.assign(Object.assign({}, options), onUpdateParams), {
+        uploader.open(Object.assign(Object.assign({}, autoUpdatingOptions), {
           container: element,
@@ -161,0 +219,0 @@ layout: "inline"

package.json

 {
   "name": "react-uploader",
-  "version": "3.33.0",
+  "version": "3.34.0",
   "author": "Upload <[e-mail]> (https://upload.io)",
@@ -77,3 +77,4 @@ "description": "React File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐",
   "dependencies": {
-    "uploader": "^3.34.0"
+    "lodash.isequal": "^4.5.0",
+    "uploader": "^3.35.0"
   },
@@ -88,2 +89,3 @@ "devDependencies": {
     "@types/jest": "27.4.1",
+    "@types/lodash.isequal": "4.5.5",
     "@types/react": "16.9.56",
@@ -90,0 +92,0 @@ "@types/react-dom": "16.9.9",

No alert changes

Improved metrics

Total package byte prevSize

30720

increased by14.33%

Number of package files

13

increased by18.18%

Lines of code

304

increased by21.6%

Worsened metrics

Dependency count

3

increased by50%

Dev dependency count

39

increased by2.63%

Dependency changes

• + Addedlodash.isequal@^4.5.0

• + Addedlodash.isequal@4.5.0(transitive)

• Updateduploader@^3.35.0