@sb1/ffe-file-upload-react 7.0.10 → 7.1.1

package/es/FileUpload.js

@@ -83,7 +83,8 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
         infoSubText = _this$props.infoSubText,
         uploadTitle = _this$props.uploadTitle,
         uploadMicroText = _this$props.uploadMicroText,
-        uploadSubText = _this$props.uploadSubText;
+        uploadSubText = _this$props.uploadSubText,
+        accept = _this$props.accept;
       return /*#__PURE__*/React.createElement("div", {
         className: "ffe-file-upload"
       }, /*#__PURE__*/React.createElement("div", {
@@ -141,7 +142,8 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
         multiple: multiple,
         ref: this.setFileInputElement,
         onChange: this.onFilesSelected,
-        "aria-labelledby": "".concat(id, "-label")
+        "aria-labelledby": "".concat(id, "-label"),
+        accept: accept || '*'
       }));
     }
   }]);
@@ -189,6 +191,11 @@ FileUpload.propTypes = {
   /** MicroText on the upload-section */
   uploadMicroText: stringType.isRequired,
   /** SubText on the upload-section */
-  uploadSubText: stringType.isRequired
+  uploadSubText: stringType.isRequired,
+  /** Unique file type specifier that describes a type of file that may be selected by the user, e.g. ".pdf"
+   *  See MDN for documentation on
+   *  [Unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)
+   */
+  accept: stringType
 };
 export default FileUpload;

package/lib/FileUpload.js

@@ -90,7 +90,8 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
         infoSubText = _this$props.infoSubText,
         uploadTitle = _this$props.uploadTitle,
         uploadMicroText = _this$props.uploadMicroText,
-        uploadSubText = _this$props.uploadSubText;
+        uploadSubText = _this$props.uploadSubText,
+        accept = _this$props.accept;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "ffe-file-upload"
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -148,7 +149,8 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
         multiple: multiple,
         ref: this.setFileInputElement,
         onChange: this.onFilesSelected,
-        "aria-labelledby": "".concat(id, "-label")
+        "aria-labelledby": "".concat(id, "-label"),
+        accept: accept || '*'
       }));
     }
   }]);
@@ -196,7 +198,12 @@ FileUpload.propTypes = {
   /** MicroText on the upload-section */
   uploadMicroText: _propTypes.string.isRequired,
   /** SubText on the upload-section */
-  uploadSubText: _propTypes.string.isRequired
+  uploadSubText: _propTypes.string.isRequired,
+  /** Unique file type specifier that describes a type of file that may be selected by the user, e.g. ".pdf"
+   *  See MDN for documentation on
+   *  [Unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers)
+   */
+  accept: _propTypes.string
 };
 var _default = FileUpload;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-file-upload-react",
-    "version": "7.0.10",
+    "version": "7.1.1",
     "description": "Upload file button with validation and list of uploaded files.",
     "keywords": [
         "ffe"
@@ -48,5 +48,5 @@
     "depencencies": {
         "prop-types": "^15.6.0"
     },
-    "gitHead": "0406a4c06677215a066552c558c9ad394d64bd79"
+    "gitHead": "70c8e3495bbfbe9660bb25296aec52e143544080"
 }

package/types/index.d.ts

@@ -22,6 +22,7 @@ export interface FileUploadProps<T> {
     uploadTitle: string;
     uploadMicroText: string;
     uploadSubText: string;
+    accept?: string;
 }
 declare class FileUpload<T> extends React.Component<FileUploadProps<T>, any> {}