@panneau/field-upload 3.0.197 → 3.0.199

package/es/index.js

@@ -52,6 +52,7 @@ var propTypes$1 = {
   width: PropTypes.number,
   height: PropTypes.number,
   disabled: PropTypes.bool,
+  uploadDisabled: PropTypes.bool,
   loading: PropTypes.bool,
   onChange: PropTypes.func,
   onClear: PropTypes.func,
@@ -102,6 +103,7 @@ var defaultProps$1 = {
   width: null,
   height: 300,
   disabled: false,
+  uploadDisabled: false,
   loading: false,
   onChange: null,
   onClear: null,
@@ -134,6 +136,7 @@ var UploadField = function UploadField(_ref) {
     width = _ref.width,
     height = _ref.height,
     disabled = _ref.disabled,
+    uploadDisabled = _ref.uploadDisabled,
     parentLoading = _ref.loading,
     onChange = _ref.onChange,
     onClear = _ref.onClear,
@@ -176,7 +179,7 @@ var UploadField = function UploadField(_ref) {
     }
   }, [onChange, allowMultipleUploads, mergeData]);
   var typesString = useMemo(function () {
-    return types.join('.');
+    return types !== null ? types.join('.') : ['audio', 'image', 'video'].join('.');
   }, [types]);
   var allowedFileTypes = useMemo(function () {
     if (fileTypes !== null) {
@@ -188,11 +191,11 @@ var UploadField = function UploadField(_ref) {
   }, [typesString, fileTypes]);
   var uppyFinalProps = useMemo(function () {
     return _objectSpread(_objectSpread({
-      maxNumberOfFiles: allowMultipleUploads && maxNumberOfFiles === 1 ? 50 : maxNumberOfFiles
-    }, uppyProps), {}, {
+      maxNumberOfFiles: allowMultipleUploads && maxNumberOfFiles === 1 ? 50 : maxNumberOfFiles,
       allowedFileTypes: allowedFileTypes,
+      sources: sources
+    }, uppyProps), {}, {
       allowMultipleUploads: allowMultipleUploads,
-      sources: sources,
       autoProceed: true,
       onComplete: onComplete
     });
@@ -385,7 +388,7 @@ var UploadField = function UploadField(_ref) {
       "type": 0,
       "value": "Uploading"
     }]
-  }) : addButtonLabel)))) : null, !disabled && !hasMedia && !withButton && finalUppy !== null ? /*#__PURE__*/React.createElement("div", {
+  }) : addButtonLabel)))) : null, !uploadDisabled && !hasMedia && !withButton && finalUppy !== null ? /*#__PURE__*/React.createElement("div", {
     className: styles.dashboard
   }, /*#__PURE__*/React.createElement(Dashboard, Object.assign({
     uppy: finalUppy
@@ -403,7 +406,7 @@ var UploadField = function UploadField(_ref) {
     areInsidesReadyToBeVisible: true,
     proudlyDisplayPoweredByUppy: false,
     closeAfterFinish: closeAfterFinish
-  }))) : null, !disabled && withButton && finalUppy !== null && modalOpened ? /*#__PURE__*/React.createElement(DashboardModal, {
+  }))) : null, !uploadDisabled && withButton && finalUppy !== null && modalOpened ? /*#__PURE__*/React.createElement(DashboardModal, {
     uppy: finalUppy,
     className: styles.dashboardModal,
     plugins: sources,
@@ -415,7 +418,8 @@ var UploadField = function UploadField(_ref) {
     isDashboardVisible: true,
     showProgressDetails: true,
     showAddFilesPanel: true,
-    doneButtonHandler: closeModal
+    doneButtonHandler: closeModal,
+    closeAfterFinish: closeAfterFinish
   }) : null);
 };
 UploadField.propTypes = propTypes$1;

package/lib/index.js

@@ -56,6 +56,7 @@ var propTypes$1 = {
   width: PropTypes.number,
   height: PropTypes.number,
   disabled: PropTypes.bool,
+  uploadDisabled: PropTypes.bool,
   loading: PropTypes.bool,
   onChange: PropTypes.func,
   onClear: PropTypes.func,
@@ -106,6 +107,7 @@ var defaultProps$1 = {
   width: null,
   height: 300,
   disabled: false,
+  uploadDisabled: false,
   loading: false,
   onChange: null,
   onClear: null,
@@ -138,6 +140,7 @@ var UploadField = function UploadField(_ref) {
     width = _ref.width,
     height = _ref.height,
     disabled = _ref.disabled,
+    uploadDisabled = _ref.uploadDisabled,
     parentLoading = _ref.loading,
     onChange = _ref.onChange,
     onClear = _ref.onClear,
@@ -180,7 +183,7 @@ var UploadField = function UploadField(_ref) {
     }
   }, [onChange, allowMultipleUploads, mergeData]);
   var typesString = React.useMemo(function () {
-    return types.join('.');
+    return types !== null ? types.join('.') : ['audio', 'image', 'video'].join('.');
   }, [types]);
   var allowedFileTypes = React.useMemo(function () {
     if (fileTypes !== null) {
@@ -192,11 +195,11 @@ var UploadField = function UploadField(_ref) {
   }, [typesString, fileTypes]);
   var uppyFinalProps = React.useMemo(function () {
     return _objectSpread(_objectSpread({
-      maxNumberOfFiles: allowMultipleUploads && maxNumberOfFiles === 1 ? 50 : maxNumberOfFiles
-    }, uppyProps), {}, {
+      maxNumberOfFiles: allowMultipleUploads && maxNumberOfFiles === 1 ? 50 : maxNumberOfFiles,
       allowedFileTypes: allowedFileTypes,
+      sources: sources
+    }, uppyProps), {}, {
       allowMultipleUploads: allowMultipleUploads,
-      sources: sources,
       autoProceed: true,
       onComplete: onComplete
     });
@@ -389,7 +392,7 @@ var UploadField = function UploadField(_ref) {
       "type": 0,
       "value": "Uploading"
     }]
-  }) : addButtonLabel)))) : null, !disabled && !hasMedia && !withButton && finalUppy !== null ? /*#__PURE__*/React.createElement("div", {
+  }) : addButtonLabel)))) : null, !uploadDisabled && !hasMedia && !withButton && finalUppy !== null ? /*#__PURE__*/React.createElement("div", {
     className: styles.dashboard
   }, /*#__PURE__*/React.createElement(react.Dashboard, Object.assign({
     uppy: finalUppy
@@ -407,7 +410,7 @@ var UploadField = function UploadField(_ref) {
     areInsidesReadyToBeVisible: true,
     proudlyDisplayPoweredByUppy: false,
     closeAfterFinish: closeAfterFinish
-  }))) : null, !disabled && withButton && finalUppy !== null && modalOpened ? /*#__PURE__*/React.createElement(react.DashboardModal, {
+  }))) : null, !uploadDisabled && withButton && finalUppy !== null && modalOpened ? /*#__PURE__*/React.createElement(react.DashboardModal, {
     uppy: finalUppy,
     className: styles.dashboardModal,
     plugins: sources,
@@ -419,7 +422,8 @@ var UploadField = function UploadField(_ref) {
     isDashboardVisible: true,
     showProgressDetails: true,
     showAddFilesPanel: true,
-    doneButtonHandler: closeModal
+    doneButtonHandler: closeModal,
+    closeAfterFinish: closeAfterFinish
   }) : null);
 };
 UploadField.propTypes = propTypes$1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-upload",
-    "version": "3.0.197",
+    "version": "3.0.199",
     "description": "An Upload field",
     "keywords": [
         "javascript"
@@ -61,7 +61,7 @@
         "@panneau/element-button": "^3.0.194",
         "@panneau/element-label": "^3.0.194",
         "@panneau/element-media-card": "^3.0.194",
-        "@panneau/list-resource-items": "^3.0.194",
+        "@panneau/list-resource-items": "^3.0.199",
         "@panneau/themes": "^3.0.194",
         "@panneau/uppy": "^3.0.194",
         "@uppy/core": "^3.9.1",
@@ -80,5 +80,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d58a5294a2f28a96c998462f1eb421503db2bc2"
+    "gitHead": "19617ff84180ba0d3764b13bd320fef524cf7dbb"
 }