@panneau/field-upload 2.0.51 → 2.0.56

package/assets/css/styles.css

@@ -1 +1 @@
-.panneau-field-upload-container{width:100%}
+.panneau-field-upload-container{width:100%}.panneau-field-upload-container .panneau-field-upload-dashboard{position:relative}

package/es/index.js

@@ -20,8 +20,9 @@ import Label from '@panneau/element-label';
 import '@uppy/core/dist/style.min.css';
 import '@uppy/dashboard/dist/style.min.css';
 import '@uppy/drag-drop/dist/style.min.css';
+import '@uppy/status-bar/dist/style.min.css';
 
-var styles = {"container":"panneau-field-upload-container"};
+var styles = {"container":"panneau-field-upload-container","dashboard":"panneau-field-upload-dashboard"};
 
 var propTypes = {
   value: PropTypes.oneOfType([PropTypes.array, PropTypes.shape({
@@ -284,20 +285,23 @@ var UploadField = function UploadField(_ref) {
     theme: "primary",
     onClick: toggleSearchModal,
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(Label, null, searchButtonLabel))) : null) : null, !showMediaModal && !disabled && !hasMedia && !withButton && uppy !== null ? /*#__PURE__*/React.createElement(Dashboard, Object.assign({
+  }, /*#__PURE__*/React.createElement(Label, null, searchButtonLabel))) : null) : null, !showMediaModal && !disabled && !hasMedia && !withButton && uppy !== null ? /*#__PURE__*/React.createElement("div", {
+    className: styles.dashboard
+  }, /*#__PURE__*/React.createElement(Dashboard, Object.assign({
     uppy: uppy
-    // eslint-disable-next-line react/jsx-props-no-spreading
   }, containerWidth !== null && height !== null ? {
     width: containerWidth
-  } : {
+  } : null, width !== null ? {
     width: width
-  }, {
-    height: height,
+  } : null, height !== null ? {
+    height: height
+  } : null, {
     plugins: sources,
     inline: true,
     areInsidesReadyToBeVisible: true,
-    proudlyDisplayPoweredByUppy: false
-  })) : null, !showMediaModal && !disabled && withButton && uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
+    proudlyDisplayPoweredByUppy: false,
+    showProgressDetails: true
+  }))) : null, !showMediaModal && !disabled && withButton && uppy !== null ? /*#__PURE__*/React.createElement(DashboardModal, {
     uppy: uppy,
     plugins: sources,
     open: modalOpened,
@@ -307,7 +311,6 @@ var UploadField = function UploadField(_ref) {
 };
 UploadField.propTypes = propTypes;
 UploadField.defaultProps = defaultProps;
-var UploadField$1 = /*#__PURE__*/React.memo(UploadField);
 
 var definition = [{
   id: 'upload',
@@ -321,30 +324,62 @@ var definition = [{
 }, {
   id: 'video',
   component: 'Video'
+}, {
+  id: 'document',
+  component: 'Document'
+}, {
+  id: 'font',
+  component: 'Font'
 }];
 
 /* eslint-disable react/jsx-props-no-spreading */
 var AudioField = function AudioField(props) {
-  return /*#__PURE__*/React.createElement(UploadField$1, Object.assign({}, props, {
-    types: ['audio']
+  var types = useMemo(function () {
+    return ['audio'];
+  }, []);
+  return /*#__PURE__*/React.createElement(UploadField, Object.assign({}, props, {
+    types: types
   }));
 };
-var AudioField$1 = /*#__PURE__*/React.memo(AudioField);
 
 /* eslint-disable react/jsx-props-no-spreading */
 var ImageField = function ImageField(props) {
-  return /*#__PURE__*/React.createElement(UploadField$1, Object.assign({}, props, {
-    types: ['image']
+  var types = useMemo(function () {
+    return ['image'];
+  }, []);
+  return /*#__PURE__*/React.createElement(UploadField, Object.assign({}, props, {
+    types: types
   }));
 };
-var ImageField$1 = /*#__PURE__*/React.memo(ImageField);
 
 /* eslint-disable react/jsx-props-no-spreading */
 var VideoField = function VideoField(props) {
-  return /*#__PURE__*/React.createElement(UploadField$1, Object.assign({}, props, {
-    types: ['video']
+  var types = useMemo(function () {
+    return ['video'];
+  }, []);
+  return /*#__PURE__*/React.createElement(UploadField, Object.assign({}, props, {
+    types: types
+  }));
+};
+
+/* eslint-disable react/jsx-props-no-spreading */
+var DocumentField = function DocumentField(props) {
+  var fileTypes = useMemo(function () {
+    return ['.pdf'];
+  }, []);
+  return /*#__PURE__*/React.createElement(UploadField, Object.assign({}, props, {
+    fileTypes: fileTypes
+  }));
+};
+
+/* eslint-disable react/jsx-props-no-spreading */
+var FontField = function FontField(props) {
+  var fileTypes = useMemo(function () {
+    return ['.ttf', '.otf'];
+  }, []);
+  return /*#__PURE__*/React.createElement(UploadField, Object.assign({}, props, {
+    fileTypes: fileTypes
   }));
 };
-var VideoField$1 = /*#__PURE__*/React.memo(VideoField);
 
-export { AudioField$1 as AudioField, ImageField$1 as ImageField, VideoField$1 as VideoField, UploadField$1 as default, definition };
+export { AudioField, DocumentField, FontField, ImageField, VideoField, UploadField as default, definition };

package/lib/index.js

@@ -24,6 +24,7 @@ var Label = require('@panneau/element-label');
 require('@uppy/core/dist/style.min.css');
 require('@uppy/dashboard/dist/style.min.css');
 require('@uppy/drag-drop/dist/style.min.css');
+require('@uppy/status-bar/dist/style.min.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -40,7 +41,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 
-var styles = {"container":"panneau-field-upload-container"};
+var styles = {"container":"panneau-field-upload-container","dashboard":"panneau-field-upload-dashboard"};
 
 var propTypes = {
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array, PropTypes__default["default"].shape({
@@ -303,20 +304,23 @@ var UploadField = function UploadField(_ref) {
     theme: "primary",
     onClick: toggleSearchModal,
     disabled: disabled
-  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, searchButtonLabel))) : null) : null, !showMediaModal && !disabled && !hasMedia && !withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.Dashboard, Object.assign({
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, searchButtonLabel))) : null) : null, !showMediaModal && !disabled && !hasMedia && !withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: styles.dashboard
+  }, /*#__PURE__*/React__default["default"].createElement(react.Dashboard, Object.assign({
     uppy: uppy
-    // eslint-disable-next-line react/jsx-props-no-spreading
   }, containerWidth !== null && height !== null ? {
     width: containerWidth
-  } : {
+  } : null, width !== null ? {
     width: width
-  }, {
-    height: height,
+  } : null, height !== null ? {
+    height: height
+  } : null, {
     plugins: sources,
     inline: true,
     areInsidesReadyToBeVisible: true,
-    proudlyDisplayPoweredByUppy: false
-  })) : null, !showMediaModal && !disabled && withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
+    proudlyDisplayPoweredByUppy: false,
+    showProgressDetails: true
+  }))) : null, !showMediaModal && !disabled && withButton && uppy !== null ? /*#__PURE__*/React__default["default"].createElement(react.DashboardModal, {
     uppy: uppy,
     plugins: sources,
     open: modalOpened,
@@ -326,7 +330,6 @@ var UploadField = function UploadField(_ref) {
 };
 UploadField.propTypes = propTypes;
 UploadField.defaultProps = defaultProps;
-var UploadField$1 = /*#__PURE__*/React__default["default"].memo(UploadField);
 
 var definition = [{
   id: 'upload',
@@ -340,34 +343,68 @@ var definition = [{
 }, {
   id: 'video',
   component: 'Video'
+}, {
+  id: 'document',
+  component: 'Document'
+}, {
+  id: 'font',
+  component: 'Font'
 }];
 
 /* eslint-disable react/jsx-props-no-spreading */
 var AudioField = function AudioField(props) {
-  return /*#__PURE__*/React__default["default"].createElement(UploadField$1, Object.assign({}, props, {
-    types: ['audio']
+  var types = React.useMemo(function () {
+    return ['audio'];
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(UploadField, Object.assign({}, props, {
+    types: types
   }));
 };
-var AudioField$1 = /*#__PURE__*/React__default["default"].memo(AudioField);
 
 /* eslint-disable react/jsx-props-no-spreading */
 var ImageField = function ImageField(props) {
-  return /*#__PURE__*/React__default["default"].createElement(UploadField$1, Object.assign({}, props, {
-    types: ['image']
+  var types = React.useMemo(function () {
+    return ['image'];
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(UploadField, Object.assign({}, props, {
+    types: types
   }));
 };
-var ImageField$1 = /*#__PURE__*/React__default["default"].memo(ImageField);
 
 /* eslint-disable react/jsx-props-no-spreading */
 var VideoField = function VideoField(props) {
-  return /*#__PURE__*/React__default["default"].createElement(UploadField$1, Object.assign({}, props, {
-    types: ['video']
+  var types = React.useMemo(function () {
+    return ['video'];
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(UploadField, Object.assign({}, props, {
+    types: types
+  }));
+};
+
+/* eslint-disable react/jsx-props-no-spreading */
+var DocumentField = function DocumentField(props) {
+  var fileTypes = React.useMemo(function () {
+    return ['.pdf'];
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(UploadField, Object.assign({}, props, {
+    fileTypes: fileTypes
+  }));
+};
+
+/* eslint-disable react/jsx-props-no-spreading */
+var FontField = function FontField(props) {
+  var fileTypes = React.useMemo(function () {
+    return ['.ttf', '.otf'];
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement(UploadField, Object.assign({}, props, {
+    fileTypes: fileTypes
   }));
 };
-var VideoField$1 = /*#__PURE__*/React__default["default"].memo(VideoField);
 
-exports.AudioField = AudioField$1;
-exports.ImageField = ImageField$1;
-exports.VideoField = VideoField$1;
-exports["default"] = UploadField$1;
+exports.AudioField = AudioField;
+exports.DocumentField = DocumentField;
+exports.FontField = FontField;
+exports.ImageField = ImageField;
+exports.VideoField = VideoField;
+exports["default"] = UploadField;
 exports.definition = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-upload",
-    "version": "2.0.51",
+    "version": "2.0.56",
     "description": "An Upload field",
     "keywords": [
         "javascript"
@@ -56,11 +56,11 @@
         "@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.51",
-        "@panneau/element-button": "^2.0.51",
-        "@panneau/element-card": "^2.0.51",
-        "@panneau/element-label": "^2.0.51",
-        "@panneau/themes": "^2.0.51",
+        "@panneau/core": "^2.0.56",
+        "@panneau/element-button": "^2.0.56",
+        "@panneau/element-card": "^2.0.56",
+        "@panneau/element-label": "^2.0.56",
+        "@panneau/themes": "^2.0.56",
         "@uppy/core": "^3.2.0",
         "@uppy/dashboard": "^3.4.0",
         "@uppy/drag-drop": "^3.0.2",
@@ -78,5 +78,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "dcdf30dd8429d6022ae69fff1ea7a101fc6d4e71"
+    "gitHead": "edb76a5622f04136db62c1dd0c4b2e362de6878a"
 }