@plusscommunities/pluss-core-web 1.4.0 → 1.4.2-beta.0

package/dist/index.esm.js

@@ -21,9 +21,10 @@ import { connect } from 'react-redux';
 import Textarea from 'react-textarea-autosize';
 import Dropzone from 'react-dropzone';
 import { withRouter } from 'react-router';
-import { MenuItem, DropdownButton } from 'react-bootstrap';
+import { MenuItem, DropdownButton, FormGroup, ControlLabel, FormControl, HelpBlock } from 'react-bootstrap';
 import { Lottie } from '@crello/react-lottie';
 import { CSVLink } from 'react-csv';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 
 var CoreConfig = {
   env: {
@@ -700,9 +701,9 @@ var randomString = function randomString() {
   });
 };
 
-function ownKeys$l(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 ownKeys$m(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var toParagraphed = function toParagraphed(text, style) {
   if (!text) return text;
@@ -711,7 +712,7 @@ var toParagraphed = function toParagraphed(text, style) {
   return _.map(textSplit, function (t, i) {
     return /*#__PURE__*/React.createElement("span", {
       key: "paragraph_".concat(i),
-      style: _objectSpread$l({
+      style: _objectSpread$m({
         display: 'block'
       }, style)
     }, t || "\xA0");
@@ -1608,8 +1609,8 @@ var LINEGREY = COLOUR_BRANDING_INACTIVE; // const BORDER_LINE_GREY = COLOUR_BRAN
 // const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
 // const COLOUR_DARKBLUE = '#191e78';
 // const COLOUR_PURPLE = '#6e79c5';
-// const COLOUR_RED = '#c02743';
-// const COLOUR_GREEN = '#00cc9c';
+
+var COLOUR_RED = '#c02743'; // const COLOUR_GREEN = '#00cc9c';
 // const COLOUR_TANGERINE = '#ff8c75';
 // const COLOUR_CITRON = '#bdbd27';
 // const COLOUR_GRAPEFRUIT = '#ff6363';
@@ -1630,6 +1631,7 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_DUSK_LIGHT: COLOUR_DUSK_LIGHT,
   COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
   LINEGREY: LINEGREY,
+  COLOUR_RED: COLOUR_RED,
   COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,
@@ -2062,13 +2064,14 @@ var fileActions = {
       url: getUrl('media', 'folders', query)
     });
   },
-  addMediaFolder: function addMediaFolder(site, name) {
+  addMediaFolder: function addMediaFolder(site, name, published) {
     return authedFunction({
       method: 'POST',
       url: getUrl('media', 'addFolder'),
       data: {
         site: site,
-        name: name
+        name: name,
+        published: published
       }
     });
   },
@@ -2125,9 +2128,9 @@ var fileActions = {
   }
 };
 
-function ownKeys$k(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 ownKeys$l(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var typeActions = {
   getSubdomains: function getSubdomains() {
     return authedFunction({
@@ -2223,7 +2226,7 @@ var typeActions = {
     var request = {
       method: 'POST',
       url: url,
-      data: _objectSpread$k({
+      data: _objectSpread$l({
         siteName: siteName
       }, options)
     };
@@ -2331,7 +2334,7 @@ var typeActions = {
     return authedFunction({
       method: 'POST',
       url: getUrl('types', 'site/edit'),
-      data: _objectSpread$k({
+      data: _objectSpread$l({
         Id: site
       }, values)
     });
@@ -2881,9 +2884,9 @@ var index$2 = /*#__PURE__*/Object.freeze({
   scheduledActionsActions: scheduledActionsActions
 });
 
-function ownKeys$j(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 ownKeys$k(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var refreshAuthUser = function refreshAuthUser(site) {
   return function (dispatch) {
     var promises = [];
@@ -2898,13 +2901,13 @@ var refreshAuthUser = function refreshAuthUser(site) {
       dispatch({
         type: SET_AUTH,
         payload: {
-          user: _objectSpread$j(_objectSpread$j({}, userRes), {}, {
+          user: _objectSpread$k(_objectSpread$k({}, userRes), {}, {
             uid: userRes.Id
           }),
           features: getEnabledFeatures(siteSettingsRes, interfaces),
           hidden: _toConsumableArray(siteSettingsRes.Hidden || []),
-          siteSettings: _objectSpread$j({}, siteSettingsRes.Settings || {}),
-          siteBranding: _objectSpread$j({}, siteSettingsRes.Branding || {})
+          siteSettings: _objectSpread$k({}, siteSettingsRes.Settings || {}),
+          siteBranding: _objectSpread$k({}, siteSettingsRes.Branding || {})
         }
       });
     });
@@ -2968,9 +2971,9 @@ var addRecentlyCreated = function addRecentlyCreated(feature) {
   };
 };
 
-function ownKeys$i(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 ownKeys$j(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var usersUpdate = function usersUpdate(site) {
   return function (dispatch) {
     userActions.fetchUsers(site).then(function (res) {
@@ -2981,7 +2984,7 @@ var usersUpdate = function usersUpdate(site) {
           var users = res.data.results.Items;
           var allList = [];
           Object.keys(users).forEach(function (userId) {
-            allList.push(_objectSpread$i(_objectSpread$i({}, users[userId]), {}, {
+            allList.push(_objectSpread$j(_objectSpread$j({}, users[userId]), {}, {
               id: userId
             }));
           });
@@ -4193,9 +4196,9 @@ var Attachment = /*#__PURE__*/function (_Component) {
   return Attachment;
 }(Component);
 
-function ownKeys$h(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 ownKeys$i(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$z(); 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); }; }
 
@@ -4283,16 +4286,16 @@ var Button = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React.createElement("div", {
         className: "buttonWrapper ".concat(this.getClasses()),
-        style: _objectSpread$h({}, this.props.buttonStyle)
+        style: _objectSpread$i({}, this.props.buttonStyle)
       }, /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
           return _this.buttonClick();
         },
         className: this.getButtonClasses(),
-        style: _objectSpread$h({}, this.props.style)
+        style: _objectSpread$i({}, this.props.style)
       }, /*#__PURE__*/React.createElement("div", {
         className: this.getButtonTextClasses(),
-        style: _objectSpread$h({}, this.props.textStyle)
+        style: _objectSpread$i({}, this.props.textStyle)
       }, this.renderLeftIcon(), this.props.children)));
     }
   }]);
@@ -4300,9 +4303,9 @@ var Button = /*#__PURE__*/function (_Component) {
   return Button;
 }(Component);
 
-function ownKeys$g(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 ownKeys$h(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$y(); 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); }; }
 
@@ -4384,7 +4387,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
         className: this.props.className
       }, /*#__PURE__*/React.createElement("div", {
         className: this.props.showWarning ? 'checkBox--error' : null,
-        style: _objectSpread$g(_objectSpread$g({}, styles$9.row), this.props.style)
+        style: _objectSpread$h(_objectSpread$h({}, styles$9.row), this.props.style)
       }, /*#__PURE__*/React.createElement("div", {
         className: this.generateClassNames(),
         onClick: this.onChange,
@@ -4396,7 +4399,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
         name: 'check'
       }))), !_.isEmpty(this.props.label) && /*#__PURE__*/React.createElement("div", {
         className: this.getLabelClasses(),
-        style: _objectSpread$g({
+        style: _objectSpread$h({
           marginLeft: 8,
           fontSize: 14,
           lineHeight: '20px'
@@ -4454,9 +4457,9 @@ var Text = /*#__PURE__*/function (_Component) {
   return Text;
 }(Component);
 
-function ownKeys$f(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 ownKeys$g(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$w(); 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); }; }
 
@@ -4478,7 +4481,7 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
     value: function renderPic() {
       return /*#__PURE__*/React.createElement("div", {
         className: this.props.className,
-        style: _objectSpread$f({
+        style: _objectSpread$g({
           width: this.props.size || 30,
           height: this.props.size || 30,
           borderRadius: this.props.size / 2 || 15,
@@ -5089,9 +5092,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
   return DatePicker;
 }(Component);
 
-function ownKeys$e(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 ownKeys$f(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$r(); 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); }; }
 
@@ -5159,7 +5162,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
               _this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$e({}, DEFAULT_INPUT$1);
+            var _newInput = _objectSpread$f({}, DEFAULT_INPUT$1);
 
             newInputs.splice(newInputs.length - 1, 0, _newInput);
 
@@ -5382,7 +5385,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_simpleContainer"
           }, /*#__PURE__*/React.createElement("div", {
             className: "imageInput_image",
-            style: _objectSpread$e(_objectSpread$e({}, _this3.props.style), {}, {
+            style: _objectSpread$f(_objectSpread$f({}, _this3.props.style), {}, {
               height: _this3.props.style && _this3.props.style.height ? _this3.props.style.height - 62 : 80
             })
           }, /*#__PURE__*/React.createElement("img", {
@@ -5408,7 +5411,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React.createElement("div", {
           className: "imageInput_image",
-          style: _objectSpread$e({}, _this3.props.style)
+          style: _objectSpread$f({}, _this3.props.style)
         });
       };
 
@@ -5439,12 +5442,12 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: this.getClassNames(input, inputsLength),
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, /*#__PURE__*/React.createElement(Dropzone, {
         className: "imageInput_upload ".concat(this.getErrorState()),
         accept: this.props.accept,
         onDrop: this.onDrop,
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, function (_ref2) {
         var isDragActive = _ref2.isDragActive;
             _ref2.isDragReject;
@@ -5463,7 +5466,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
         }, _this3.props.multiple ? "Upload files" : "Upload a file"));
       }), /*#__PURE__*/React.createElement("div", {
         className: "imageInput_uploading",
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, /*#__PURE__*/React.createElement(FontAwesome, {
         className: "spinner imageInput_spinner",
         name: "spinner fa-pulse fa-fw"
@@ -5476,7 +5479,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React.createElement("div", {
         className: "imageInputContainer clearfix ".concat(inputs.length === 1 ? 'imageInputContainer-noPadding' : '', " ").concat(this.props.simpleStyle ? 'imageInputContainer-simple' : ''),
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, inputs.map(function (input, index) {
         return _this4.renderInput(input, index, inputs.length);
       }));
@@ -5506,9 +5509,9 @@ var FileInput = connect(mapStateToProps$5, {}, null, {
   withRef: true
 })(FileInputComponent);
 
-function ownKeys$d(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 ownKeys$e(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); 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); }; }
 
@@ -5622,7 +5625,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
       if (!_.isUndefined(this.props.inputComponent)) {
         return /*#__PURE__*/React.createElement("div", {
-          style: _objectSpread$d(_objectSpread$d({}, styles$8.row), {}, {
+          style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React.createElement("div", {
@@ -5633,7 +5636,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
       if (!_.isUndefined(this.props.type) && this.props.type === 'textarea') {
         // Render expandable text area
         return /*#__PURE__*/React.createElement("div", {
-          style: _objectSpread$d(_objectSpread$d({}, styles$8.row), {}, {
+          style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React.createElement("div", {
@@ -5647,7 +5650,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
           onChange: this.props.onChange,
           onKeyPress: this.props.onKeyPress || this.props.onEnter,
           onKeyDown: this.props.onKeyDown,
-          style: _objectSpread$d({}, this.props.inputStyle),
+          style: _objectSpread$e({}, this.props.inputStyle),
           readOnly: !_.isUndefined(this.props.readOnly) ? this.props.readOnly : false,
           disabled: !_.isUndefined(this.props.disabled) ? this.props.disabled : false,
           autoComplete: this.getAutoComplete(),
@@ -5659,7 +5662,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
 
       return /*#__PURE__*/React.createElement("div", {
-        style: _objectSpread$d(_objectSpread$d({}, styles$8.row), this.props.textWrapperStyle)
+        style: _objectSpread$e(_objectSpread$e({}, styles$8.row), this.props.textWrapperStyle)
       }, this.props.isRequired && /*#__PURE__*/React.createElement("div", {
         className: "inputRequired "
       }), /*#__PURE__*/React.createElement("input", {
@@ -5675,7 +5678,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
         onClick: this.props.onClick,
         onKeyPress: this.props.onKeyPress || this.props.onEnter,
         onKeyDown: this.props.onKeyDown,
-        style: _objectSpread$d({}, this.props.inputStyle),
+        style: _objectSpread$e({}, this.props.inputStyle),
         readOnly: !_.isUndefined(this.props.readOnly) ? this.props.readOnly : false,
         disabled: !_.isUndefined(this.props.disabled) ? this.props.disabled : false,
         autoComplete: this.getAutoComplete(),
@@ -5690,9 +5693,9 @@ var GenericInput = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React.createElement("div", {
         className: this.getClassNames(),
-        style: _objectSpread$d({}, this.props.style)
+        style: _objectSpread$e({}, this.props.style)
       }, /*#__PURE__*/React.createElement("div", {
-        style: _objectSpread$d(_objectSpread$d({}, styles$8.row), {}, {
+        style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
           marginBottom: 0,
           justifyContent: 'space-between'
         })
@@ -5840,9 +5843,9 @@ var exportObj$4 = connect(mapStateToProps$4, {
   setNavData: setNavData
 })(withRouter(Header));
 
-function ownKeys$c(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 ownKeys$d(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); 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); }; }
 
@@ -5934,7 +5937,7 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/React.createElement("div", {
-        style: _objectSpread$c(_objectSpread$c({}, styles$7.section), {}, {
+        style: _objectSpread$d(_objectSpread$d({}, styles$7.section), {}, {
           width: 18,
           marginRight: 16
         })
@@ -5948,7 +5951,7 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
         style: this.props.style,
         onClick: this.goTo
       }, !this.props.noSideDot && /*#__PURE__*/React.createElement("div", {
-        style: _objectSpread$c(_objectSpread$c({}, styles$7.section), {}, {
+        style: _objectSpread$d(_objectSpread$d({}, styles$7.section), {}, {
           marginRight: 15
         })
       }, /*#__PURE__*/React.createElement("div", {
@@ -5982,6 +5985,10 @@ var styles$7 = {
 };
 var exportObj$3 = connect(null, {})(withRouter(SideNavItem));
 
+function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); 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$n() { 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; } }
@@ -6028,19 +6035,26 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }, {
-    key: "renderNewButton",
-    value: function renderNewButton(item, index) {
+    key: "renderButton",
+    value: function renderButton(item, index) {
       return /*#__PURE__*/React.createElement("div", {
-        key: "newbutton_".concat(index),
+        key: "button_".concat(index),
         className: "hubSidebar_newButtonContainer"
       }, /*#__PURE__*/React.createElement(Button, {
         buttonType: item.buttonType || 'primary',
         isActive: true,
-        leftIcon: "plus",
+        leftIcon: item.icon,
         narrow: true,
         onClick: item.onClick
       }, item.text));
     }
+  }, {
+    key: "renderNewButton",
+    value: function renderNewButton(item, index) {
+      return this.renderButton(_objectSpread$c(_objectSpread$c({}, item), {}, {
+        icon: 'plus'
+      }), index);
+    }
   }, {
     key: "renderNavItem",
     value: function renderNavItem(item, index) {
@@ -6068,6 +6082,9 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
         className: "hubSidebar_sectionTitle"
       }, section.title), section.items.map(function (item, itemIndex) {
         switch (item.type) {
+          case 'button':
+            return _this3.renderButton(item, itemIndex);
+
           case 'newButton':
             return _this3.renderNewButton(item, itemIndex);
 
@@ -10856,6 +10873,27 @@ var ExportCsvPopup = /*#__PURE__*/function (_Component) {
   return ExportCsvPopup;
 }(Component);
 
+var _excluded = ["id", "label", "help", "showError", "required"];
+
+function InputGroup(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      help = _ref.help,
+      showError = _ref.showError,
+      required = _ref.required,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(FormGroup, {
+    controlId: id,
+    validationState: showError ? 'error' : null
+  }, /*#__PURE__*/React.createElement(ControlLabel, null, /*#__PURE__*/React.createElement("span", null, label), required && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: COLOUR_RED,
+      marginLeft: 5
+    }
+  }, "*")), /*#__PURE__*/React.createElement(FormControl, props), help && /*#__PURE__*/React.createElement(HelpBlock, null, help));
+}
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   AddButton: AddButton,
@@ -10895,7 +10933,8 @@ var index = /*#__PURE__*/Object.freeze({
   OptionsSection: OptionsSection,
   DropdownInput: DropdownInput,
   MakerPopup: exportObj,
-  ExportCsvPopup: ExportCsvPopup
+  ExportCsvPopup: ExportCsvPopup,
+  InputGroup: InputGroup
 });
 
 function ownKeys$1(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; }