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

package/dist/index.cjs.js

@@ -28,6 +28,7 @@ var reactRouter = require('react-router');
 var reactBootstrap = require('react-bootstrap');
 var reactLottie = require('@crello/react-lottie');
 var reactCsv = require('react-csv');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,6 +52,7 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
 var CoreConfig = {
   env: {
@@ -727,9 +729,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__default['default'](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__default['default'](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;
@@ -738,7 +740,7 @@ var toParagraphed = function toParagraphed(text, style) {
   return ___default['default'].map(textSplit, function (t, i) {
     return /*#__PURE__*/React__default['default'].createElement("span", {
       key: "paragraph_".concat(i),
-      style: _objectSpread$l({
+      style: _objectSpread$m({
         display: 'block'
       }, style)
     }, t || "\xA0");
@@ -1635,8 +1637,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';
@@ -1657,6 +1659,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,
@@ -2089,13 +2092,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
       }
     });
   },
@@ -2152,9 +2156,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__default['default'](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__default['default'](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({
@@ -2250,7 +2254,7 @@ var typeActions = {
     var request = {
       method: 'POST',
       url: url,
-      data: _objectSpread$k({
+      data: _objectSpread$l({
         siteName: siteName
       }, options)
     };
@@ -2358,7 +2362,7 @@ var typeActions = {
     return authedFunction({
       method: 'POST',
       url: getUrl('types', 'site/edit'),
-      data: _objectSpread$k({
+      data: _objectSpread$l({
         Id: site
       }, values)
     });
@@ -2908,9 +2912,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__default['default'](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__default['default'](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 = [];
@@ -2925,13 +2929,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__default['default'](siteSettingsRes.Hidden || []),
-          siteSettings: _objectSpread$j({}, siteSettingsRes.Settings || {}),
-          siteBranding: _objectSpread$j({}, siteSettingsRes.Branding || {})
+          siteSettings: _objectSpread$k({}, siteSettingsRes.Settings || {}),
+          siteBranding: _objectSpread$k({}, siteSettingsRes.Branding || {})
         }
       });
     });
@@ -2995,9 +2999,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__default['default'](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__default['default'](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) {
@@ -3008,7 +3012,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
             }));
           });
@@ -4220,9 +4224,9 @@ var Attachment = /*#__PURE__*/function (_Component) {
   return Attachment;
 }(React.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__default['default'](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__default['default'](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__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); }; }
 
@@ -4310,16 +4314,16 @@ var Button = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "buttonWrapper ".concat(this.getClasses()),
-        style: _objectSpread$h({}, this.props.buttonStyle)
+        style: _objectSpread$i({}, this.props.buttonStyle)
       }, /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
         className: this.getButtonTextClasses(),
-        style: _objectSpread$h({}, this.props.textStyle)
+        style: _objectSpread$i({}, this.props.textStyle)
       }, this.renderLeftIcon(), this.props.children)));
     }
   }]);
@@ -4327,9 +4331,9 @@ var Button = /*#__PURE__*/function (_Component) {
   return Button;
 }(React.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__default['default'](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__default['default'](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__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); }; }
 
@@ -4411,7 +4415,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
         className: this.props.className
       }, /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
         className: this.generateClassNames(),
         onClick: this.onChange,
@@ -4423,7 +4427,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
         name: 'check'
       }))), !___default['default'].isEmpty(this.props.label) && /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getLabelClasses(),
-        style: _objectSpread$g({
+        style: _objectSpread$h({
           marginLeft: 8,
           fontSize: 14,
           lineHeight: '20px'
@@ -4481,9 +4485,9 @@ var Text = /*#__PURE__*/function (_Component) {
   return Text;
 }(React.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__default['default'](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__default['default'](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__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); }; }
 
@@ -4505,7 +4509,7 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
     value: function renderPic() {
       return /*#__PURE__*/React__default['default'].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,
@@ -5116,9 +5120,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
   return DatePicker;
 }(React.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__default['default'](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__default['default'](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__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); }; }
 
@@ -5186,7 +5190,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);
 
@@ -5409,7 +5413,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_simpleContainer"
           }, /*#__PURE__*/React__default['default'].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__default['default'].createElement("img", {
@@ -5435,7 +5439,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: "imageInput_image",
-          style: _objectSpread$e({}, _this3.props.style)
+          style: _objectSpread$f({}, _this3.props.style)
         });
       };
 
@@ -5466,12 +5470,12 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
         className: this.getClassNames(input, inputsLength),
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
         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;
@@ -5490,7 +5494,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
         }, _this3.props.multiple ? "Upload files" : "Upload a file"));
       }), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInput_uploading",
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
         className: "spinner imageInput_spinner",
         name: "spinner fa-pulse fa-fw"
@@ -5503,7 +5507,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].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);
       }));
@@ -5533,9 +5537,9 @@ var FileInput = reactRedux.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__default['default'](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__default['default'](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__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); }; }
 
@@ -5649,7 +5653,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
       if (!___default['default'].isUndefined(this.props.inputComponent)) {
         return /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
@@ -5660,7 +5664,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
       if (!___default['default'].isUndefined(this.props.type) && this.props.type === 'textarea') {
         // Render expandable text area
         return /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
@@ -5674,7 +5678,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: !___default['default'].isUndefined(this.props.readOnly) ? this.props.readOnly : false,
           disabled: !___default['default'].isUndefined(this.props.disabled) ? this.props.disabled : false,
           autoComplete: this.getAutoComplete(),
@@ -5686,7 +5690,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
 
       return /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
         className: "inputRequired "
       }), /*#__PURE__*/React__default['default'].createElement("input", {
@@ -5702,7 +5706,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: !___default['default'].isUndefined(this.props.readOnly) ? this.props.readOnly : false,
         disabled: !___default['default'].isUndefined(this.props.disabled) ? this.props.disabled : false,
         autoComplete: this.getAutoComplete(),
@@ -5717,9 +5721,9 @@ var GenericInput = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getClassNames(),
-        style: _objectSpread$d({}, this.props.style)
+        style: _objectSpread$e({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$d(_objectSpread$d({}, styles$8.row), {}, {
+        style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
           marginBottom: 0,
           justifyContent: 'space-between'
         })
@@ -5867,9 +5871,9 @@ var exportObj$4 = reactRedux.connect(mapStateToProps$4, {
   setNavData: setNavData
 })(reactRouter.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__default['default'](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__default['default'](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__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); }; }
 
@@ -5961,7 +5965,7 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$c(_objectSpread$c({}, styles$7.section), {}, {
+        style: _objectSpread$d(_objectSpread$d({}, styles$7.section), {}, {
           width: 18,
           marginRight: 16
         })
@@ -5975,7 +5979,7 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
         style: this.props.style,
         onClick: this.goTo
       }, !this.props.noSideDot && /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$c(_objectSpread$c({}, styles$7.section), {}, {
+        style: _objectSpread$d(_objectSpread$d({}, styles$7.section), {}, {
           marginRight: 15
         })
       }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -6009,6 +6013,10 @@ var styles$7 = {
 };
 var exportObj$3 = reactRedux.connect(null, {})(reactRouter.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__default['default'](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__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$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; } }
@@ -6055,19 +6063,26 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }, {
-    key: "renderNewButton",
-    value: function renderNewButton(item, index) {
+    key: "renderButton",
+    value: function renderButton(item, index) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        key: "newbutton_".concat(index),
+        key: "button_".concat(index),
         className: "hubSidebar_newButtonContainer"
       }, /*#__PURE__*/React__default['default'].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) {
@@ -6095,6 +6110,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);
 
@@ -10883,6 +10901,27 @@ var ExportCsvPopup = /*#__PURE__*/function (_Component) {
   return ExportCsvPopup;
 }(React.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__default['default'](_ref, _excluded);
+
+  return /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormGroup, {
+    controlId: id,
+    validationState: showError ? 'error' : null
+  }, /*#__PURE__*/React__default['default'].createElement(reactBootstrap.ControlLabel, null, /*#__PURE__*/React__default['default'].createElement("span", null, label), required && /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      color: COLOUR_RED,
+      marginLeft: 5
+    }
+  }, "*")), /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, props), help && /*#__PURE__*/React__default['default'].createElement(reactBootstrap.HelpBlock, null, help));
+}
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   AddButton: AddButton,
@@ -10922,7 +10961,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; }