@plusscommunities/pluss-core-web 1.1.5 → 1.1.9

package/dist/index.cjs.js

@@ -4060,7 +4060,7 @@ var Attachment = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "pdfAttachment".concat(this.props.className ? " ".concat(this.props.className) : '')
+        className: "pdfAttachment".concat(this.props.className ? " ".concat(this.props.className) : '').concat(this.props.white ? ' pdfAttachment-white' : '')
       }, /*#__PURE__*/React__default['default'].createElement("a", {
         href: this.props.source,
         target: "_blank",
@@ -4070,7 +4070,7 @@ var Attachment = /*#__PURE__*/function (_Component) {
         name: "".concat(this.props.uploading ? 'spinner fa-pulse' : 'paperclip', " fa-fw")
       }), /*#__PURE__*/React__default['default'].createElement("p", {
         className: "pdfAttachment_title"
-      }, this.props.title)), this.props.onRemove && /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+      }, this.props.title || getFileName(this.props.source))), this.props.onRemove && /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
         colour: COLOUR_DUSK_LIGHT,
         icon: "close",
         className: "pdfAttachment_close",
@@ -4976,7 +4976,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             alt: "file"
           }), /*#__PURE__*/React__default['default'].createElement("p", {
             className: "imageInput_text"
-          }, getFileName(input.value))), /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
+          }, getFileName(input.value))), !_this3.props.multiple && /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
             accept: _this3.props.accept,
             onDrop: function onDrop(files) {
               return _this3.onDrop(files, true);
@@ -7195,18 +7195,55 @@ var PageTitle = /*#__PURE__*/function (_Component) {
   return PageTitle;
 }(React.Component);
 
+function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+
+function _isNativeReflectConstruct$f() { 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; } }
+
+var Text = /*#__PURE__*/function (_Component) {
+  _inherits__default['default'](Text, _Component);
+
+  var _super = _createSuper$f(Text);
+
+  function Text() {
+    _classCallCheck__default['default'](this, Text);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass__default['default'](Text, [{
+    key: "getClassName",
+    value: function getClassName() {
+      if (this.props.className) {
+        return " ".concat(this.props.className);
+      }
+
+      return '';
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "text-".concat(this.props.type).concat(this.getClassName()),
+        style: this.props.style
+      }, this.props.children);
+    }
+  }]);
+
+  return Text;
+}(React.Component);
+
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$f() { 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 _isNativeReflectConstruct$e() { 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; } }
 
 var ProfilePicComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ProfilePicComponent, _Component);
 
-  var _super = _createSuper$f(ProfilePicComponent);
+  var _super = _createSuper$e(ProfilePicComponent);
 
   function ProfilePicComponent() {
     _classCallCheck__default['default'](this, ProfilePicComponent);
@@ -7215,8 +7252,8 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
   }
 
   _createClass__default['default'](ProfilePicComponent, [{
-    key: "render",
-    value: function render() {
+    key: "renderPic",
+    value: function renderPic() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.props.className,
         style: _objectSpread$4({
@@ -7231,6 +7268,20 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
         alt: "Profile Pic"
       });
     }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.props.hoverText) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "profilePicHover ".concat(this.props.containerClass)
+        }, this.renderPic(), /*#__PURE__*/React__default['default'].createElement(Text, {
+          type: "h5",
+          className: "profilePicHover_text"
+        }, this.props.hoverText));
+      }
+
+      return this.renderPic();
+    }
   }]);
 
   return ProfilePicComponent;
@@ -7248,14 +7299,14 @@ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$e() { 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 _isNativeReflectConstruct$d() { 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; } }
 
 var RadioButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](RadioButton, _Component);
 
-  var _super = _createSuper$e(RadioButton);
+  var _super = _createSuper$d(RadioButton);
 
   function RadioButton() {
     _classCallCheck__default['default'](this, RadioButton);
@@ -7413,14 +7464,14 @@ var styles$1 = {
   }
 };
 
-function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$d() { 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 _isNativeReflectConstruct$c() { 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; } }
 
 var Tag = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Tag, _Component);
 
-  var _super = _createSuper$d(Tag);
+  var _super = _createSuper$c(Tag);
 
   function Tag() {
     _classCallCheck__default['default'](this, Tag);
@@ -7485,43 +7536,6 @@ var Tag = /*#__PURE__*/function (_Component) {
   return Tag;
 }(React.Component);
 
-function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct$c() { 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; } }
-
-var Text = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](Text, _Component);
-
-  var _super = _createSuper$c(Text);
-
-  function Text() {
-    _classCallCheck__default['default'](this, Text);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass__default['default'](Text, [{
-    key: "getClassName",
-    value: function getClassName() {
-      if (this.props.className) {
-        return " ".concat(this.props.className);
-      }
-
-      return '';
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React__default['default'].createElement("p", {
-        className: "text-".concat(this.props.type).concat(this.getClassName()),
-        style: this.props.style
-      }, this.props.children);
-    }
-  }]);
-
-  return Text;
-}(React.Component);
-
 function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
 function _isNativeReflectConstruct$b() { 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; } }

package/dist/index.esm.js

@@ -4033,7 +4033,7 @@ var Attachment = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement("div", {
-        className: "pdfAttachment".concat(this.props.className ? " ".concat(this.props.className) : '')
+        className: "pdfAttachment".concat(this.props.className ? " ".concat(this.props.className) : '').concat(this.props.white ? ' pdfAttachment-white' : '')
       }, /*#__PURE__*/React.createElement("a", {
         href: this.props.source,
         target: "_blank",
@@ -4043,7 +4043,7 @@ var Attachment = /*#__PURE__*/function (_Component) {
         name: "".concat(this.props.uploading ? 'spinner fa-pulse' : 'paperclip', " fa-fw")
       }), /*#__PURE__*/React.createElement("p", {
         className: "pdfAttachment_title"
-      }, this.props.title)), this.props.onRemove && /*#__PURE__*/React.createElement(SVGIcon, {
+      }, this.props.title || getFileName(this.props.source))), this.props.onRemove && /*#__PURE__*/React.createElement(SVGIcon, {
         colour: COLOUR_DUSK_LIGHT,
         icon: "close",
         className: "pdfAttachment_close",
@@ -4949,7 +4949,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             alt: "file"
           }), /*#__PURE__*/React.createElement("p", {
             className: "imageInput_text"
-          }, getFileName(input.value))), /*#__PURE__*/React.createElement(Dropzone, {
+          }, getFileName(input.value))), !_this3.props.multiple && /*#__PURE__*/React.createElement(Dropzone, {
             accept: _this3.props.accept,
             onDrop: function onDrop(files) {
               return _this3.onDrop(files, true);
@@ -7168,18 +7168,55 @@ var PageTitle = /*#__PURE__*/function (_Component) {
   return PageTitle;
 }(Component);
 
+function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); 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 _isNativeReflectConstruct$f() { 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; } }
+
+var Text = /*#__PURE__*/function (_Component) {
+  _inherits(Text, _Component);
+
+  var _super = _createSuper$f(Text);
+
+  function Text() {
+    _classCallCheck(this, Text);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(Text, [{
+    key: "getClassName",
+    value: function getClassName() {
+      if (this.props.className) {
+        return " ".concat(this.props.className);
+      }
+
+      return '';
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("p", {
+        className: "text-".concat(this.props.type).concat(this.getClassName()),
+        style: this.props.style
+      }, this.props.children);
+    }
+  }]);
+
+  return Text;
+}(Component);
+
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); 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 _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); 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 _isNativeReflectConstruct$f() { 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 _isNativeReflectConstruct$e() { 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; } }
 
 var ProfilePicComponent = /*#__PURE__*/function (_Component) {
   _inherits(ProfilePicComponent, _Component);
 
-  var _super = _createSuper$f(ProfilePicComponent);
+  var _super = _createSuper$e(ProfilePicComponent);
 
   function ProfilePicComponent() {
     _classCallCheck(this, ProfilePicComponent);
@@ -7188,8 +7225,8 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(ProfilePicComponent, [{
-    key: "render",
-    value: function render() {
+    key: "renderPic",
+    value: function renderPic() {
       return /*#__PURE__*/React.createElement("div", {
         className: this.props.className,
         style: _objectSpread$4({
@@ -7204,6 +7241,20 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
         alt: "Profile Pic"
       });
     }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.props.hoverText) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "profilePicHover ".concat(this.props.containerClass)
+        }, this.renderPic(), /*#__PURE__*/React.createElement(Text, {
+          type: "h5",
+          className: "profilePicHover_text"
+        }, this.props.hoverText));
+      }
+
+      return this.renderPic();
+    }
   }]);
 
   return ProfilePicComponent;
@@ -7221,14 +7272,14 @@ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); 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 _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); 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 _isNativeReflectConstruct$e() { 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 _isNativeReflectConstruct$d() { 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; } }
 
 var RadioButton = /*#__PURE__*/function (_Component) {
   _inherits(RadioButton, _Component);
 
-  var _super = _createSuper$e(RadioButton);
+  var _super = _createSuper$d(RadioButton);
 
   function RadioButton() {
     _classCallCheck(this, RadioButton);
@@ -7386,14 +7437,14 @@ var styles$1 = {
   }
 };
 
-function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); 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 _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); 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 _isNativeReflectConstruct$d() { 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 _isNativeReflectConstruct$c() { 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; } }
 
 var Tag = /*#__PURE__*/function (_Component) {
   _inherits(Tag, _Component);
 
-  var _super = _createSuper$d(Tag);
+  var _super = _createSuper$c(Tag);
 
   function Tag() {
     _classCallCheck(this, Tag);
@@ -7458,43 +7509,6 @@ var Tag = /*#__PURE__*/function (_Component) {
   return Tag;
 }(Component);
 
-function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); 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 _isNativeReflectConstruct$c() { 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; } }
-
-var Text = /*#__PURE__*/function (_Component) {
-  _inherits(Text, _Component);
-
-  var _super = _createSuper$c(Text);
-
-  function Text() {
-    _classCallCheck(this, Text);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Text, [{
-    key: "getClassName",
-    value: function getClassName() {
-      if (this.props.className) {
-        return " ".concat(this.props.className);
-      }
-
-      return '';
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("p", {
-        className: "text-".concat(this.props.type).concat(this.getClassName()),
-        style: this.props.style
-      }, this.props.children);
-    }
-  }]);
-
-  return Text;
-}(Component);
-
 function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); 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 _isNativeReflectConstruct$b() { 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; } }

package/dist/index.umd.js

@@ -4036,7 +4036,7 @@
       key: "render",
       value: function render() {
         return /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "pdfAttachment".concat(this.props.className ? " ".concat(this.props.className) : '')
+          className: "pdfAttachment".concat(this.props.className ? " ".concat(this.props.className) : '').concat(this.props.white ? ' pdfAttachment-white' : '')
         }, /*#__PURE__*/React__default['default'].createElement("a", {
           href: this.props.source,
           target: "_blank",
@@ -4046,7 +4046,7 @@
           name: "".concat(this.props.uploading ? 'spinner fa-pulse' : 'paperclip', " fa-fw")
         }), /*#__PURE__*/React__default['default'].createElement("p", {
           className: "pdfAttachment_title"
-        }, this.props.title)), this.props.onRemove && /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+        }, this.props.title || getFileName(this.props.source))), this.props.onRemove && /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
           colour: COLOUR_DUSK_LIGHT,
           icon: "close",
           className: "pdfAttachment_close",
@@ -4952,7 +4952,7 @@
               alt: "file"
             }), /*#__PURE__*/React__default['default'].createElement("p", {
               className: "imageInput_text"
-            }, getFileName(input.value))), /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
+            }, getFileName(input.value))), !_this3.props.multiple && /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
               accept: _this3.props.accept,
               onDrop: function onDrop(files) {
                 return _this3.onDrop(files, true);
@@ -7171,18 +7171,55 @@
     return PageTitle;
   }(React.Component);
 
+  function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+
+  function _isNativeReflectConstruct$f() { 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; } }
+
+  var Text = /*#__PURE__*/function (_Component) {
+    _inherits__default['default'](Text, _Component);
+
+    var _super = _createSuper$f(Text);
+
+    function Text() {
+      _classCallCheck__default['default'](this, Text);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass__default['default'](Text, [{
+      key: "getClassName",
+      value: function getClassName() {
+        if (this.props.className) {
+          return " ".concat(this.props.className);
+        }
+
+        return '';
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "text-".concat(this.props.type).concat(this.getClassName()),
+          style: this.props.style
+        }, this.props.children);
+      }
+    }]);
+
+    return Text;
+  }(React.Component);
+
   function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+  function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-  function _isNativeReflectConstruct$f() { 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 _isNativeReflectConstruct$e() { 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; } }
 
   var ProfilePicComponent = /*#__PURE__*/function (_Component) {
     _inherits__default['default'](ProfilePicComponent, _Component);
 
-    var _super = _createSuper$f(ProfilePicComponent);
+    var _super = _createSuper$e(ProfilePicComponent);
 
     function ProfilePicComponent() {
       _classCallCheck__default['default'](this, ProfilePicComponent);
@@ -7191,8 +7228,8 @@
     }
 
     _createClass__default['default'](ProfilePicComponent, [{
-      key: "render",
-      value: function render() {
+      key: "renderPic",
+      value: function renderPic() {
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: this.props.className,
           style: _objectSpread$4({
@@ -7207,6 +7244,20 @@
           alt: "Profile Pic"
         });
       }
+    }, {
+      key: "render",
+      value: function render() {
+        if (this.props.hoverText) {
+          return /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "profilePicHover ".concat(this.props.containerClass)
+          }, this.renderPic(), /*#__PURE__*/React__default['default'].createElement(Text, {
+            type: "h5",
+            className: "profilePicHover_text"
+          }, this.props.hoverText));
+        }
+
+        return this.renderPic();
+      }
     }]);
 
     return ProfilePicComponent;
@@ -7224,14 +7275,14 @@
 
   function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+  function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-  function _isNativeReflectConstruct$e() { 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 _isNativeReflectConstruct$d() { 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; } }
 
   var RadioButton = /*#__PURE__*/function (_Component) {
     _inherits__default['default'](RadioButton, _Component);
 
-    var _super = _createSuper$e(RadioButton);
+    var _super = _createSuper$d(RadioButton);
 
     function RadioButton() {
       _classCallCheck__default['default'](this, RadioButton);
@@ -7389,14 +7440,14 @@
     }
   };
 
-  function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+  function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-  function _isNativeReflectConstruct$d() { 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 _isNativeReflectConstruct$c() { 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; } }
 
   var Tag = /*#__PURE__*/function (_Component) {
     _inherits__default['default'](Tag, _Component);
 
-    var _super = _createSuper$d(Tag);
+    var _super = _createSuper$c(Tag);
 
     function Tag() {
       _classCallCheck__default['default'](this, Tag);
@@ -7461,43 +7512,6 @@
     return Tag;
   }(React.Component);
 
-  function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-  function _isNativeReflectConstruct$c() { 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; } }
-
-  var Text = /*#__PURE__*/function (_Component) {
-    _inherits__default['default'](Text, _Component);
-
-    var _super = _createSuper$c(Text);
-
-    function Text() {
-      _classCallCheck__default['default'](this, Text);
-
-      return _super.apply(this, arguments);
-    }
-
-    _createClass__default['default'](Text, [{
-      key: "getClassName",
-      value: function getClassName() {
-        if (this.props.className) {
-          return " ".concat(this.props.className);
-        }
-
-        return '';
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React__default['default'].createElement("p", {
-          className: "text-".concat(this.props.type).concat(this.getClassName()),
-          style: this.props.style
-        }, this.props.children);
-      }
-    }]);
-
-    return Text;
-  }(React.Component);
-
   function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
   function _isNativeReflectConstruct$b() { 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; } }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.1.5",
+  "version": "1.1.9",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/index.cjs.js",
   "scripts": {
     "build": "npm i && rollup -c",
-    "upload": "npm version patch && npm publish --access public && rm -rf node_modules",
-    "deploy": "npm run build && npm run upload",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "patch": "npm version patch",
+    "upload": "npm build && npm publish --access public && rm -rf node_modules",
+    "upload:p": "npm run patch && npm run upload"
   },
   "author": "Phillip Suh",
   "license": "ISC",

package/rollup.config.js

@@ -1,21 +1,21 @@
-import styles from "rollup-plugin-styles";
-const autoprefixer = require("autoprefixer");
-import babel from "@rollup/plugin-babel";
-import json from "@rollup/plugin-json";
-import localResolve from "rollup-plugin-local-resolve";
+import styles from 'rollup-plugin-styles';
+const autoprefixer = require('autoprefixer');
+import babel from '@rollup/plugin-babel';
+import json from '@rollup/plugin-json';
+import localResolve from 'rollup-plugin-local-resolve';
 
 // the entry point for the library
-const input = "src/index.js";
+const input = 'src/index.js';
 
 var MODE = [
   {
-    fomart: "cjs",
+    fomart: 'cjs',
   },
   {
-    fomart: "esm",
+    fomart: 'esm',
   },
   {
-    fomart: "umd",
+    fomart: 'umd',
   },
 ];
 
@@ -26,19 +26,20 @@ MODE.map((m) => {
     input: input,
     output: {
       // then name of your package
-      name: "@plusscommunities/pluss-core-web",
+      name: '@plusscommunities/pluss-core-web',
       file: `dist/index.${m.fomart}.js`,
       format: m.fomart,
-      exports: "auto",
+      exports: 'auto',
     },
     // this externelizes react to prevent rollup from compiling it
-    external: ["react", /@babel\/runtime/],
+    external: ['react', /@babel\/runtime/],
     plugins: [
       // these are babel comfigurations
       babel({
-        exclude: "node_modules/**",
-        plugins: ["@babel/transform-runtime"],
-        babelHelpers: "runtime",
+        exclude: 'node_modules/**',
+        presets: ['@babel/preset-react', '@babel/preset-env'],
+        plugins: ['@babel/transform-runtime'],
+        babelHelpers: 'runtime',
       }),
       // this adds support for styles
       styles({

package/src/components/Attachment.js

@@ -1,15 +1,20 @@
 import React, { Component } from 'react';
 import FontAwesome from 'react-fontawesome';
 import { COLOUR_DUSK_LIGHT } from '../colours';
+import getFileName from '../helper/files/getFileName';
 import { SVGIcon } from './SVGIcon';
 
 class Attachment extends Component {
   render() {
     return (
-      <div className={`pdfAttachment${this.props.className ? ` ${this.props.className}` : ''}`}>
+      <div
+        className={`pdfAttachment${this.props.className ? ` ${this.props.className}` : ''}${
+          this.props.white ? ' pdfAttachment-white' : ''
+        }`}
+      >
         <a href={this.props.source} target="_blank" className="pdfAttachment_container">
           <FontAwesome className="pdfAttachment_icon" name={`${this.props.uploading ? 'spinner fa-pulse' : 'paperclip'} fa-fw`} />
-          <p className="pdfAttachment_title">{this.props.title}</p>
+          <p className="pdfAttachment_title">{this.props.title || getFileName(this.props.source)}</p>
         </a>
         {this.props.onRemove && (
           <SVGIcon colour={COLOUR_DUSK_LIGHT} icon="close" className="pdfAttachment_close" onClick={this.props.onRemove} />

package/src/components/FileInput.js

@@ -150,13 +150,17 @@ class FileInputComponent extends Component {
       inputs: newInputs,
     });
     this.checkRefreshCallback(newInputs);
-    try {
-      let uploadFile = file;
-      const url = await fileActions.uploadMediaAsync(uploadFile, uploadFile.name);
-      this.checkSetDisplayValue(input, url);
-    } catch (error) {
-      console.log('handleFile error', error);
-      this.setState({ uploadingFile: false });
+    if (this.props.handleFile) {
+      this.props.handleFile(file, newInputs);
+    } else {
+      try {
+        let uploadFile = file;
+        const url = await fileActions.uploadMediaAsync(uploadFile, uploadFile.name);
+        this.checkSetDisplayValue(input, url);
+      } catch (error) {
+        console.log('handleFile error', error);
+        this.setState({ uploadingFile: false });
+      }
     }
   };
 
@@ -206,11 +210,13 @@ class FileInputComponent extends Component {
               />
               <p className="imageInput_text">{getFileName(input.value)}</p>
             </div>
-            <Dropzone accept={this.props.accept} onDrop={(files) => this.onDrop(files, true)} style={{ padding: 10 }}>
-              <Button buttonType="secondary" className="imageInput_button" disabled>
-                Change file
-              </Button>
-            </Dropzone>
+            {!this.props.multiple && (
+              <Dropzone accept={this.props.accept} onDrop={(files) => this.onDrop(files, true)} style={{ padding: 10 }}>
+                <Button buttonType="secondary" className="imageInput_button" disabled>
+                  Change file
+                </Button>
+              </Dropzone>
+            )}
           </div>
         );
       }

package/src/components/ProfilePic.js

@@ -3,9 +3,10 @@ import _ from 'lodash';
 import { connect } from 'react-redux';
 import Config from '../config';
 import { getAppColourFromState } from '../helper';
+import { Text } from './Text';
 
 class ProfilePicComponent extends Component {
-  render() {
+  renderPic() {
     return (
       <div
         className={this.props.className}
@@ -23,6 +24,20 @@ class ProfilePicComponent extends Component {
       ></div>
     );
   }
+
+  render() {
+    if (this.props.hoverText) {
+      return (
+        <div className={`profilePicHover ${this.props.containerClass}`}>
+          {this.renderPic()}
+          <Text type="h5" className="profilePicHover_text">
+            {this.props.hoverText}
+          </Text>
+        </div>
+      );
+    }
+    return this.renderPic();
+  }
 }
 
 const mapStateToProps = (state) => {