@sb1/ffe-file-upload-react 6.1.5 → 6.1.7

package/es/FileItem.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { func, shape, object, string as stringType } from 'prop-types';
-
 var FileItem = function FileItem(_ref) {
   var file = _ref.file,
-      onFileDeleted = _ref.onFileDeleted,
-      cancelText = _ref.cancelText,
-      deleteText = _ref.deleteText;
-  return /*#__PURE__*/React.createElement("li", null, // File is loading
+    onFileDeleted = _ref.onFileDeleted,
+    cancelText = _ref.cancelText,
+    deleteText = _ref.deleteText;
+  return /*#__PURE__*/React.createElement("li", null,
+  // File is loading
   !file.document && !file.error && /*#__PURE__*/React.createElement("div", {
     className: "ffe-file-upload__file-item-stencil"
   }, /*#__PURE__*/React.createElement("button", {
@@ -23,7 +23,8 @@ var FileItem = function FileItem(_ref) {
     className: "ffe-file-upload__file-item-stencil-info-background"
   }), /*#__PURE__*/React.createElement("div", {
     className: "ffe-file-upload__file-item-stencil-info-filename"
-  }, file.name))), // File finished loading without error
+  }, file.name))),
+  // File finished loading without error
   file.document && !file.error && /*#__PURE__*/React.createElement("div", {
     className: "ffe-file-upload__file-item-loaded"
   }, /*#__PURE__*/React.createElement("button", {
@@ -36,7 +37,8 @@ var FileItem = function FileItem(_ref) {
     className: "ffe-file-upload__file-item-delete-icon"
   })), /*#__PURE__*/React.createElement("div", {
     className: "ffe-file-upload__file-item-filename"
-  }, file.name)), // File has error
+  }, file.name)),
+  // File has error
   file.error && /*#__PURE__*/React.createElement("div", {
     className: "ffe-file-upload__file-item-error"
   }, /*#__PURE__*/React.createElement("div", {
@@ -57,7 +59,6 @@ var FileItem = function FileItem(_ref) {
     className: "ffe-file-upload__file-item-error-message"
   }, file.error))));
 };
-
 FileItem.propTypes = {
   /** Shape of the file type, name is required, error and document.content is optional */
   file: shape({
@@ -65,15 +66,12 @@ FileItem.propTypes = {
     document: object,
     error: stringType
   }).isRequired,
-
   /**
    * Called when the user clicks the delete button for a given file. Is called with the name of the file in question.
    */
   onFileDeleted: func.isRequired,
-
   /** Label for the cancel button */
   cancelText: stringType,
-
   /** Label for the delete button */
   deleteText: stringType
 };

package/es/FileUpload.js

@@ -1,42 +1,26 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 import React from 'react';
 import { object, bool, func, string as stringType } from 'prop-types';
 import FileItem from './FileItem';
 import classNames from 'classnames';
 import { SecondaryButton } from '@sb1/ffe-buttons-react';
 import PilNedIBoksIkon from "@sb1/ffe-icons-react/es/pil-ned-i-boks-ikon";
-
 var FileUpload = /*#__PURE__*/function (_React$Component) {
   _inherits(FileUpload, _React$Component);
-
   var _super = _createSuper(FileUpload);
-
   function FileUpload(props) {
     var _this;
-
     _classCallCheck(this, FileUpload);
-
     _this = _super.call(this, props);
     _this.onFilesSelected = _this.onFilesSelected.bind(_assertThisInitialized(_this));
     _this.onFilesDropped = _this.onFilesDropped.bind(_assertThisInitialized(_this));
@@ -48,7 +32,6 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(FileUpload, [{
     key: "setFileInputElement",
     value: function setFileInputElement(element) {
@@ -61,7 +44,6 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
       if (this.fileInputElement) {
         this.fileInputElement.value = '';
       }
-
       this.fileInputElement.click();
     }
   }, {
@@ -87,21 +69,19 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          id = _this$props.id,
-          label = _this$props.label,
-          files = _this$props.files,
-          cancelText = _this$props.cancelText,
-          deleteText = _this$props.deleteText,
-          multiple = _this$props.multiple,
-          title = _this$props.title,
-          infoText = _this$props.infoText,
-          infoSubText = _this$props.infoSubText,
-          uploadTitle = _this$props.uploadTitle,
-          uploadMicroText = _this$props.uploadMicroText,
-          uploadSubText = _this$props.uploadSubText,
-          onFileDeleted = _this$props.onFileDeleted;
+        id = _this$props.id,
+        label = _this$props.label,
+        files = _this$props.files,
+        cancelText = _this$props.cancelText,
+        deleteText = _this$props.deleteText,
+        multiple = _this$props.multiple,
+        title = _this$props.title,
+        infoText = _this$props.infoText,
+        infoSubText = _this$props.infoSubText,
+        uploadTitle = _this$props.uploadTitle,
+        uploadMicroText = _this$props.uploadMicroText,
+        uploadSubText = _this$props.uploadSubText;
       return /*#__PURE__*/React.createElement("div", {
         className: "ffe-file-upload"
       }, /*#__PURE__*/React.createElement("div", {
@@ -114,7 +94,7 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
           file: files[file],
           cancelText: cancelText,
           deleteText: deleteText,
-          onFileDeleted: onFileDeleted
+          onFileDeleted: _this2.onFileDeleted
         });
       })) : /*#__PURE__*/React.createElement("div", {
         className: "ffe-file-upload__info-section"
@@ -128,7 +108,6 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
         onDrop: this.onFilesDropped,
         onDragOver: function onDragOver(event) {
           event.preventDefault();
-
           _this2.setState({
             hover: true
           });
@@ -164,24 +143,19 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return FileUpload;
 }(React.Component);
-
 FileUpload.propTypes = {
   /** ID for the input field. The ID is used as a base for the label ID as well. */
   id: stringType.isRequired,
-
   /** Label for the button to trigger native upload handling. */
   label: stringType.isRequired,
-
   /**
    * A map of files, indexed by file name (check file-shape on FileItem.js propTypes), that the user has uploaded.
    * Must be maintained outside of `FileUpload`. It is up to the implementation to deny or accept file types, sizes, etc,
    * and it is important that duplicates are not allowed.
    * */
   files: object.isRequired,
-
   /**
    * Will be called with `FileList`-object containing the `File`-objects the user selected.
    * See MDN for documentation on
@@ -189,40 +163,29 @@ FileUpload.propTypes = {
    * [File](https://developer.mozilla.org/en-US/docs/Web/API/File).
    */
   onFilesSelected: func.isRequired,
-
   /** Will be called when objects are dropped over the upload-section. */
   onFilesDropped: func.isRequired,
-
   /**
    * Called when the user clicks the delete button for a given file. Is called with the `File`
    * object of the file in question.
    */
   onFileDeleted: func.isRequired,
-
   /** Whether or not uploading multiple files at once via the native file handler is allowed*/
   multiple: bool,
-
   /** Title module */
   title: stringType.isRequired,
-
   /** Text on the info-section */
   infoText: stringType.isRequired,
-
   /** Subtext on the info-section */
   infoSubText: stringType,
-
   /** Label for the cancel button */
   cancelText: stringType,
-
   /** Label for the delete button */
   deleteText: stringType,
-
   /** Title on the upload-section */
   uploadTitle: stringType.isRequired,
-
   /** MicroText on the upload-section */
   uploadMicroText: stringType.isRequired,
-
   /** SubText on the upload-section */
   uploadSubText: stringType.isRequired
 };

package/es/file-content.js

@@ -1,15 +1,12 @@
 export var getFileContent = function getFileContent(file) {
   return new Promise(function (resolve, reject) {
     var reader = new window.FileReader();
-
     reader.onload = function (event) {
       return resolve(event.target.result);
     };
-
     reader.onerror = function (error) {
       return reject(error);
     };
-
     reader.readAsDataURL(file);
   });
 };

package/lib/FileItem.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var FileItem = function FileItem(_ref) {
   var file = _ref.file,
-      onFileDeleted = _ref.onFileDeleted,
-      cancelText = _ref.cancelText,
-      deleteText = _ref.deleteText;
-  return /*#__PURE__*/_react.default.createElement("li", null, // File is loading
+    onFileDeleted = _ref.onFileDeleted,
+    cancelText = _ref.cancelText,
+    deleteText = _ref.deleteText;
+  return /*#__PURE__*/_react.default.createElement("li", null,
+  // File is loading
   !file.document && !file.error && /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-file-upload__file-item-stencil"
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -33,7 +30,8 @@ var FileItem = function FileItem(_ref) {
     className: "ffe-file-upload__file-item-stencil-info-background"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-file-upload__file-item-stencil-info-filename"
-  }, file.name))), // File finished loading without error
+  }, file.name))),
+  // File finished loading without error
   file.document && !file.error && /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-file-upload__file-item-loaded"
   }, /*#__PURE__*/_react.default.createElement("button", {
@@ -46,7 +44,8 @@ var FileItem = function FileItem(_ref) {
     className: "ffe-file-upload__file-item-delete-icon"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-file-upload__file-item-filename"
-  }, file.name)), // File has error
+  }, file.name)),
+  // File has error
   file.error && /*#__PURE__*/_react.default.createElement("div", {
     className: "ffe-file-upload__file-item-error"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -67,7 +66,6 @@ var FileItem = function FileItem(_ref) {
     className: "ffe-file-upload__file-item-error-message"
   }, file.error))));
 };
-
 FileItem.propTypes = {
   /** Shape of the file type, name is required, error and document.content is optional */
   file: (0, _propTypes.shape)({
@@ -75,15 +73,12 @@ FileItem.propTypes = {
     document: _propTypes.object,
     error: _propTypes.string
   }).isRequired,
-
   /**
    * Called when the user clicks the delete button for a given file. Is called with the name of the file in question.
    */
   onFileDeleted: _propTypes.func.isRequired,
-
   /** Label for the cancel button */
   cancelText: _propTypes.string,
-
   /** Label for the delete button */
   deleteText: _propTypes.string
 };

package/lib/FileUpload.js

@@ -1,56 +1,33 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _FileItem = _interopRequireDefault(require("./FileItem"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ffeButtonsReact = require("@sb1/ffe-buttons-react");
-
 var _pilNedIBoksIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/pil-ned-i-boks-ikon"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var FileUpload = /*#__PURE__*/function (_React$Component) {
   _inherits(FileUpload, _React$Component);
-
   var _super = _createSuper(FileUpload);
-
   function FileUpload(props) {
     var _this;
-
     _classCallCheck(this, FileUpload);
-
     _this = _super.call(this, props);
     _this.onFilesSelected = _this.onFilesSelected.bind(_assertThisInitialized(_this));
     _this.onFilesDropped = _this.onFilesDropped.bind(_assertThisInitialized(_this));
@@ -62,7 +39,6 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(FileUpload, [{
     key: "setFileInputElement",
     value: function setFileInputElement(element) {
@@ -75,7 +51,6 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
       if (this.fileInputElement) {
         this.fileInputElement.value = '';
       }
-
       this.fileInputElement.click();
     }
   }, {
@@ -101,21 +76,19 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          id = _this$props.id,
-          label = _this$props.label,
-          files = _this$props.files,
-          cancelText = _this$props.cancelText,
-          deleteText = _this$props.deleteText,
-          multiple = _this$props.multiple,
-          title = _this$props.title,
-          infoText = _this$props.infoText,
-          infoSubText = _this$props.infoSubText,
-          uploadTitle = _this$props.uploadTitle,
-          uploadMicroText = _this$props.uploadMicroText,
-          uploadSubText = _this$props.uploadSubText,
-          onFileDeleted = _this$props.onFileDeleted;
+        id = _this$props.id,
+        label = _this$props.label,
+        files = _this$props.files,
+        cancelText = _this$props.cancelText,
+        deleteText = _this$props.deleteText,
+        multiple = _this$props.multiple,
+        title = _this$props.title,
+        infoText = _this$props.infoText,
+        infoSubText = _this$props.infoSubText,
+        uploadTitle = _this$props.uploadTitle,
+        uploadMicroText = _this$props.uploadMicroText,
+        uploadSubText = _this$props.uploadSubText;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "ffe-file-upload"
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -128,7 +101,7 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
           file: files[file],
           cancelText: cancelText,
           deleteText: deleteText,
-          onFileDeleted: onFileDeleted
+          onFileDeleted: _this2.onFileDeleted
         });
       })) : /*#__PURE__*/_react.default.createElement("div", {
         className: "ffe-file-upload__info-section"
@@ -142,7 +115,6 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
         onDrop: this.onFilesDropped,
         onDragOver: function onDragOver(event) {
           event.preventDefault();
-
           _this2.setState({
             hover: true
           });
@@ -178,24 +150,19 @@ var FileUpload = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return FileUpload;
 }(_react.default.Component);
-
 FileUpload.propTypes = {
   /** ID for the input field. The ID is used as a base for the label ID as well. */
   id: _propTypes.string.isRequired,
-
   /** Label for the button to trigger native upload handling. */
   label: _propTypes.string.isRequired,
-
   /**
    * A map of files, indexed by file name (check file-shape on FileItem.js propTypes), that the user has uploaded.
    * Must be maintained outside of `FileUpload`. It is up to the implementation to deny or accept file types, sizes, etc,
    * and it is important that duplicates are not allowed.
    * */
   files: _propTypes.object.isRequired,
-
   /**
    * Will be called with `FileList`-object containing the `File`-objects the user selected.
    * See MDN for documentation on
@@ -203,40 +170,29 @@ FileUpload.propTypes = {
    * [File](https://developer.mozilla.org/en-US/docs/Web/API/File).
    */
   onFilesSelected: _propTypes.func.isRequired,
-
   /** Will be called when objects are dropped over the upload-section. */
   onFilesDropped: _propTypes.func.isRequired,
-
   /**
    * Called when the user clicks the delete button for a given file. Is called with the `File`
    * object of the file in question.
    */
   onFileDeleted: _propTypes.func.isRequired,
-
   /** Whether or not uploading multiple files at once via the native file handler is allowed*/
   multiple: _propTypes.bool,
-
   /** Title module */
   title: _propTypes.string.isRequired,
-
   /** Text on the info-section */
   infoText: _propTypes.string.isRequired,
-
   /** Subtext on the info-section */
   infoSubText: _propTypes.string,
-
   /** Label for the cancel button */
   cancelText: _propTypes.string,
-
   /** Label for the delete button */
   deleteText: _propTypes.string,
-
   /** Title on the upload-section */
   uploadTitle: _propTypes.string.isRequired,
-
   /** MicroText on the upload-section */
   uploadMicroText: _propTypes.string.isRequired,
-
   /** SubText on the upload-section */
   uploadSubText: _propTypes.string.isRequired
 };

package/lib/file-content.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFileContent = void 0;
-
 var getFileContent = function getFileContent(file) {
   return new Promise(function (resolve, reject) {
     var reader = new window.FileReader();
-
     reader.onload = function (event) {
       return resolve(event.target.result);
     };
-
     reader.onerror = function (error) {
       return reject(error);
     };
-
     reader.readAsDataURL(file);
   });
 };
-
 exports.getFileContent = getFileContent;

package/lib/index.js

@@ -10,12 +10,8 @@ Object.defineProperty(exports, "getFileContent", {
     return _fileContent.getFileContent;
   }
 });
-
 var _FileUpload = _interopRequireDefault(require("./FileUpload"));
-
 var _fileContent = require("./file-content");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _FileUpload.default;
 exports.default = _default;

package/package.json

@@ -1,52 +1,52 @@
 {
-  "name": "@sb1/ffe-file-upload-react",
-  "version": "6.1.5",
-  "description": "Upload file button with validation and list of uploaded files.",
-  "keywords": [
-    "ffe"
-  ],
-  "license": "MIT",
-  "author": "SpareBank 1",
-  "files": [
-    "lib",
-    "es",
-    "types"
-  ],
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "types": "types/index.d.ts",
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "ssh://git@github.com:SpareBank1/designsystem.git"
-  },
-  "scripts": {
-    "build": "ffe-buildtool babel",
-    "watch": "ffe-buildtool babel-watch",
-    "lint": "eslint src",
-    "test": "ffe-buildtool jest",
-    "test:watch": "ffe-buildtool jest --watch"
-  },
-  "dependencies": {
-    "@sb1/ffe-buttons-react": "^16.0.6",
-    "@sb1/ffe-icons-react": "^7.3.3",
-    "classnames": "^2.3.1"
-  },
-  "devDependencies": {
-    "@sb1/ffe-buildtool": "^0.4.1",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0"
-  },
-  "peerDependencies": {
-    "@sb1/ffe-core": "*",
-    "@sb1/ffe-form": "*",
-    "react": ">=16.9.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "depencencies": {
-    "prop-types": "^15.6.0"
-  },
-  "gitHead": "20645a84ff31b513ef2568a7eefbed950f7e1c40"
+    "name": "@sb1/ffe-file-upload-react",
+    "version": "6.1.7",
+    "description": "Upload file button with validation and list of uploaded files.",
+    "keywords": [
+        "ffe"
+    ],
+    "license": "MIT",
+    "author": "SpareBank 1",
+    "files": [
+        "lib",
+        "es",
+        "types"
+    ],
+    "main": "lib/index.js",
+    "module": "es/index.js",
+    "types": "types/index.d.ts",
+    "sideEffects": false,
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@github.com:SpareBank1/designsystem.git"
+    },
+    "scripts": {
+        "build": "ffe-buildtool babel",
+        "watch": "ffe-buildtool babel-watch",
+        "lint": "eslint src",
+        "test": "ffe-buildtool jest",
+        "test:watch": "ffe-buildtool jest --watch"
+    },
+    "dependencies": {
+        "@sb1/ffe-buttons-react": "^16.0.7",
+        "@sb1/ffe-icons-react": "^7.3.4",
+        "classnames": "^2.3.1"
+    },
+    "devDependencies": {
+        "@sb1/ffe-buildtool": "^0.5.0",
+        "react": "^16.9.0",
+        "react-dom": "^16.9.0"
+    },
+    "peerDependencies": {
+        "@sb1/ffe-core": "*",
+        "@sb1/ffe-form": "*",
+        "react": ">=16.9.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "depencencies": {
+        "prop-types": "^15.6.0"
+    },
+    "gitHead": "7312a8c72d163965802a454d097536fb8f928690"
 }

package/types/index.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 
-export interface FileItem {
+export interface FileItem<T> {
     name: string;
-    document?: File;
+    document?: T;
     error?: string;
 }
 
-export interface FileUploadProps {
+export interface FileUploadProps<T> {
     id: string;
     label: string;
-    files: Record<string, FileItem>;
+    files: Record<string, FileItem<T>>;
     onFilesSelected(fileList: FileList): void;
     onFilesDropped(fileList: FileList): void;
-    onFileDeleted(file: File): void;
+    onFileDeleted(file: FileItem<T>): void;
     multiple?: boolean;
     title: string;
     infoText: string;
@@ -23,9 +23,9 @@ export interface FileUploadProps {
     uploadMicroText: string;
     uploadSubText: string;
 }
-declare class FileUpload extends React.Component<FileUploadProps, any> {}
+declare class FileUpload<T> extends React.Component<FileUploadProps<T>, any> {}
 
-declare function getFileContent(file: File): Promise<any>;
+declare function getFileContent(file: File): Promise<string>;
 
 export default FileUpload;
 export { getFileContent };