@panneau/field-upload 2.0.89 → 2.0.91

package/es/index.js

@@ -43,6 +43,9 @@ var propTypes = {
   namePath: PropTypes.string,
   thumbnailPath: PropTypes.string,
   sizePath: PropTypes.string,
+  uppyProps: PropTypes.shape({
+    withUUID: PropTypes.bool
+  }),
   width: PropTypes.number,
   height: PropTypes.number,
   disabled: PropTypes.bool,
@@ -74,6 +77,7 @@ var defaultProps = {
   namePath: null,
   thumbnailPath: null,
   sizePath: null,
+  uppyProps: null,
   width: null,
   height: 300,
   disabled: false,
@@ -93,6 +97,7 @@ var UploadField = function UploadField(_ref) {
     namePath = _ref.namePath,
     thumbnailPath = _ref.thumbnailPath,
     sizePath = _ref.sizePath,
+    uppyProps = _ref.uppyProps,
     width = _ref.width,
     height = _ref.height,
     disabled = _ref.disabled,
@@ -136,13 +141,16 @@ var UploadField = function UploadField(_ref) {
       return "".concat(type, "/*");
     });
   }, [typesString, fileTypes]);
-  var uppy = useUppy({
-    allowedFileTypes: allowedFileTypes,
-    allowMultipleUploads: allowMultipleUploads,
-    sources: sources,
-    autoProceed: true,
-    onComplete: onComplete
-  });
+  var uppyFinalProps = useMemo(function () {
+    return _objectSpread(_objectSpread({}, uppyProps), {}, {
+      allowedFileTypes: allowedFileTypes,
+      allowMultipleUploads: allowMultipleUploads,
+      sources: sources,
+      autoProceed: true,
+      onComplete: onComplete
+    });
+  }, [uppyProps, allowedFileTypes, allowMultipleUploads, sources, onComplete]);
+  var uppy = useUppy(uppyFinalProps);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     modalOpened = _useState2[0],
@@ -388,6 +396,17 @@ var ImageField = function ImageField(props) {
   }));
 };
 
+/* eslint-disable react/jsx-props-no-spreading */
+var ImagesField = function ImagesField(props) {
+  var types = useMemo(function () {
+    return ['image'];
+  }, []);
+  return /*#__PURE__*/React.createElement(UploadField, Object.assign({}, props, {
+    types: types,
+    allowMultipleUploads: true
+  }));
+};
+
 /* eslint-disable react/jsx-props-no-spreading */
 var VideoField = function VideoField(props) {
   var types = useMemo(function () {
@@ -418,4 +437,4 @@ var FontField = function FontField(props) {
   }));
 };
 
-export { AudioField, DocumentField, FontField, ImageField, VideoField, UploadField as default, definition };
+export { AudioField, DocumentField, FontField, ImageField, ImagesField, VideoField, UploadField as default, definition };

package/lib/index.js

@@ -64,6 +64,9 @@ var propTypes = {
   namePath: PropTypes__default["default"].string,
   thumbnailPath: PropTypes__default["default"].string,
   sizePath: PropTypes__default["default"].string,
+  uppyProps: PropTypes__default["default"].shape({
+    withUUID: PropTypes__default["default"].bool
+  }),
   width: PropTypes__default["default"].number,
   height: PropTypes__default["default"].number,
   disabled: PropTypes__default["default"].bool,
@@ -95,6 +98,7 @@ var defaultProps = {
   namePath: null,
   thumbnailPath: null,
   sizePath: null,
+  uppyProps: null,
   width: null,
   height: 300,
   disabled: false,
@@ -114,6 +118,7 @@ var UploadField = function UploadField(_ref) {
     namePath = _ref.namePath,
     thumbnailPath = _ref.thumbnailPath,
     sizePath = _ref.sizePath,
+    uppyProps = _ref.uppyProps,
     width = _ref.width,
     height = _ref.height,
     disabled = _ref.disabled,
@@ -157,13 +162,16 @@ var UploadField = function UploadField(_ref) {
       return "".concat(type, "/*");
     });
   }, [typesString, fileTypes]);
-  var uppy = contexts.useUppy({
-    allowedFileTypes: allowedFileTypes,
-    allowMultipleUploads: allowMultipleUploads,
-    sources: sources,
-    autoProceed: true,
-    onComplete: onComplete
-  });
+  var uppyFinalProps = React.useMemo(function () {
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, uppyProps), {}, {
+      allowedFileTypes: allowedFileTypes,
+      allowMultipleUploads: allowMultipleUploads,
+      sources: sources,
+      autoProceed: true,
+      onComplete: onComplete
+    });
+  }, [uppyProps, allowedFileTypes, allowMultipleUploads, sources, onComplete]);
+  var uppy = contexts.useUppy(uppyFinalProps);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     modalOpened = _useState2[0],
@@ -409,6 +417,17 @@ var ImageField = function ImageField(props) {
   }));
 };
 
+/* eslint-disable react/jsx-props-no-spreading */
+var ImagesField = function ImagesField(props) {
+  var types = React.useMemo(function () {
+    return ['image'];
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(UploadField, Object.assign({}, props, {
+    types: types,
+    allowMultipleUploads: true
+  }));
+};
+
 /* eslint-disable react/jsx-props-no-spreading */
 var VideoField = function VideoField(props) {
   var types = React.useMemo(function () {
@@ -443,6 +462,7 @@ exports.AudioField = AudioField;
 exports.DocumentField = DocumentField;
 exports.FontField = FontField;
 exports.ImageField = ImageField;
+exports.ImagesField = ImagesField;
 exports.VideoField = VideoField;
 exports["default"] = UploadField;
 exports.definition = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-upload",
-    "version": "2.0.89",
+    "version": "2.0.91",
     "description": "An Upload field",
     "keywords": [
         "javascript"
@@ -56,13 +56,13 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.35",
         "@fortawesome/free-solid-svg-icons": "^5.15.3",
         "@fortawesome/react-fontawesome": "^0.1.14",
-        "@panneau/core": "^2.0.86",
-        "@panneau/element-button": "^2.0.86",
-        "@panneau/element-card": "^2.0.86",
-        "@panneau/element-label": "^2.0.86",
-        "@panneau/list-resource-items": "^2.0.89",
-        "@panneau/modal-dialog": "^2.0.86",
-        "@panneau/themes": "^2.0.86",
+        "@panneau/core": "^2.0.91",
+        "@panneau/element-button": "^2.0.91",
+        "@panneau/element-card": "^2.0.91",
+        "@panneau/element-label": "^2.0.91",
+        "@panneau/list-resource-items": "^2.0.91",
+        "@panneau/modal-dialog": "^2.0.91",
+        "@panneau/themes": "^2.0.91",
         "@uppy/core": "^3.2.0",
         "@uppy/dashboard": "^3.4.0",
         "@uppy/drag-drop": "^3.0.2",
@@ -80,5 +80,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1c51f37cf3989ed46bddc1aa71eee6b43f24f39b"
+    "gitHead": "a0ea54191eb4d1f28d0918203f483f11d7b9e52f"
 }