@plusscommunities/pluss-core-web 1.1.4 → 1.1.5

package/dist/index.umd.js

@@ -8394,10 +8394,271 @@
 
   function _isNativeReflectConstruct$4() { 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 DropdownInput = /*#__PURE__*/function (_Component) {
+    _inherits__default['default'](DropdownInput, _Component);
+
+    var _super = _createSuper$4(DropdownInput);
+
+    function DropdownInput(props) {
+      var _this;
+
+      _classCallCheck__default['default'](this, DropdownInput);
+
+      _this = _super.call(this, props);
+      _this.state = {
+        width: 0,
+        height: 0,
+        open: false
+      };
+      _this.setWrapperRef = _this.setWrapperRef.bind(_assertThisInitialized__default['default'](_this));
+      _this.handleClickOutside = _this.handleClickOutside.bind(_assertThisInitialized__default['default'](_this));
+      return _this;
+    }
+
+    _createClass__default['default'](DropdownInput, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        document.addEventListener('mousedown', this.handleClickOutside);
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        document.removeEventListener('mousedown', this.handleClickOutside);
+      }
+    }, {
+      key: "setWrapperRef",
+      value: function setWrapperRef(node) {
+        this.wrapperRef = node;
+      }
+    }, {
+      key: "handleClickOutside",
+      value: function handleClickOutside(event) {
+        if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
+          this.setState({
+            open: false
+          });
+        }
+      }
+    }, {
+      key: "getAutoComplete",
+      value: function getAutoComplete() {
+        if (!___default['default'].isUndefined(this.props.autoComplete)) {
+          return this.props.autoComplete ? 'on' : 'off';
+        }
+
+        return 'off';
+      }
+    }, {
+      key: "getClassNames",
+      value: function getClassNames() {
+        var string = '';
+
+        if (this.props.className) {
+          string += "".concat(this.props.className, " ");
+        }
+
+        if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
+          string = 'genericInput-disabled ';
+        }
+
+        if (this.props.large) {
+          string += 'genericInput-large ';
+        }
+
+        if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
+          return string + 'genericInput-error';
+        }
+
+        if (!___default['default'].isUndefined(this.props.isValid) && this.props.isValid()) {
+          return string + 'genericInput-valid';
+        }
+
+        return string;
+      }
+    }, {
+      key: "getLabelStyle",
+      value: function getLabelStyle() {
+        var style = {};
+
+        if (___default['default'].isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
+          style.opacity = 0;
+        }
+
+        if (!___default['default'].isUndefined(this.props.ignoreValue) && this.props.value === this.props.ignoreValue && !this.props.alwaysShowLabel) {
+          style.opacity = 0;
+        } // if (this.props.isRequired) {
+        //     style.marginLeft = 12;
+        // }
+
+
+        return style;
+      }
+    }, {
+      key: "renderError",
+      value: function renderError() {
+        if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
+          return /*#__PURE__*/React__default['default'].createElement("div", {
+            className: 'fieldLabel fieldLabel-warning'
+          }, this.props.errorMessage ? this.props.errorMessage : 'Required');
+        }
+
+        return null;
+      }
+    }, {
+      key: "renderHelp",
+      value: function renderHelp() {
+        if (!___default['default'].isUndefined(this.props.help)) {
+          return /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "genericInput-help"
+          }, this.props.help);
+        }
+
+        return null;
+      }
+    }, {
+      key: "open",
+      value: function open() {
+        if (this.props.disabled) {
+          return;
+        }
+
+        this.setState({
+          open: !this.state.open
+        });
+      }
+    }, {
+      key: "renderOption",
+      value: function renderOption() {
+        var _this2 = this;
+
+        if (!this.state.open) {
+          return null;
+        }
+
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          style: styles.dropdownItemsWrapper
+        }, ___default['default'].values(this.props.options).map(function (cat) {
+          return /*#__PURE__*/React__default['default'].createElement("div", {
+            key: cat.Key,
+            className: "subtleHover fontRegular fontSize-16 text-dark",
+            style: styles.dropDownOption,
+            onClick: function onClick() {
+              _this2.props.onSelect(cat.Key);
+            }
+          }, cat.Title);
+        }));
+      }
+    }, {
+      key: "getBottomBorder",
+      value: function getBottomBorder() {
+        if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
+          return 'dropdownInput-bottomBorder--disabled';
+        }
+
+        if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
+          return 'dropdownInput-bottomBorder--error';
+        }
+
+        return '';
+      }
+    }, {
+      key: "renderInput",
+      value: function renderInput() {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          style: styles.row
+        }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "inputRequired "
+        }), /*#__PURE__*/React__default['default'].createElement("div", {
+          onClick: this.open.bind(this),
+          className: "dropdownInput-bottomBorder ".concat(this.getBottomBorder(), " ").concat(!this.props.disabled ? 'pointer' : '')
+        }, /*#__PURE__*/React__default['default'].createElement("input", {
+          id: this.props.id,
+          placeholder: !___default['default'].isUndefined(this.props.placeholder) ? this.props.placeholder : this.props.label,
+          type: !___default['default'].isUndefined(this.props.type) ? this.props.type : 'text',
+          className: "genericInput ".concat(!this.props.disabled ? 'pointer' : ''),
+          value: this.props.value,
+          onChange: this.props.onChange,
+          onKeyPress: this.props.onEnter,
+          style: _objectSpread$2({}, this.props.inputStyle),
+          disabled: true,
+          autoComplete: "false"
+        }), /*#__PURE__*/React__default['default'].createElement("div", {
+          style: styles.chevronWrapper
+        }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+          style: _objectSpread$2(_objectSpread$2({}, styles.chevron), {}, {
+            color: !___default['default'].isUndefined(this.props.disabled) && this.props.disabled ? 'transparent' : INACTIVE_TEXT
+          }),
+          name: this.state.open ? 'chevron-up' : 'chevron-down'
+        })), this.renderOption()));
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          ref: this.setWrapperRef,
+          className: "dropdownInput ".concat(this.getClassNames()),
+          style: _objectSpread$2({
+            marginBottom: 16,
+            position: 'relative'
+          }, this.props.style)
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          style: _objectSpread$2(_objectSpread$2({}, styles.row), {}, {
+            marginBottom: 0,
+            justifyContent: 'space-between'
+          })
+        }, !___default['default'].isUndefined(this.props.label) && /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "fieldLabel",
+          style: this.getLabelStyle()
+        }, this.props.label), this.renderError()), this.renderInput(), this.renderHelp());
+      }
+    }]);
+
+    return DropdownInput;
+  }(React.Component);
+
+  var styles = {
+    row: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    chevronWrapper: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center'
+    },
+    chevron: {
+      fontSize: 12,
+      paddingBottom: 4
+    },
+    dropdownItemsWrapper: {
+      backgroundColor: '#fff',
+      position: 'absolute',
+      width: '100%',
+      top: 35,
+      boxShadow: '2px 2px 10px rgba(106, 163, 216, 0.7)',
+      zIndex: 90,
+      borderRadius: 4,
+      paddingTop: 4,
+      paddingBottom: 4
+    },
+    dropDownOption: {
+      padding: '4px 16px'
+    }
+  };
+
+  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; }
+
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(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$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+  function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); 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$3() { 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 AudienceSelector = /*#__PURE__*/function (_Component) {
     _inherits__default['default'](AudienceSelector, _Component);
 
-    var _super = _createSuper$4(AudienceSelector);
+    var _super = _createSuper$3(AudienceSelector);
 
     function AudienceSelector() {
       var _this;
@@ -8522,7 +8783,7 @@
         profileActions.getUserTagsBySite(this.props.auth.site).then(function (res) {
           _this3.setState({
             tagList: res.data.map(function (t) {
-              return _objectSpread$2(_objectSpread$2({}, t), {}, {
+              return _objectSpread$1(_objectSpread$1({}, t), {}, {
                 Key: t.Id
               });
             })
@@ -9064,14 +9325,14 @@
     withRef: true
   })(AudienceSelector);
 
-  function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); 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$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); 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$3() { 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$2() { 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 TextFormatPopup = /*#__PURE__*/function (_Component) {
     _inherits__default['default'](TextFormatPopup, _Component);
 
-    var _super = _createSuper$3(TextFormatPopup);
+    var _super = _createSuper$2(TextFormatPopup);
 
     function TextFormatPopup() {
       _classCallCheck__default['default'](this, TextFormatPopup);
@@ -9177,14 +9438,14 @@
     return TextFormatPopup;
   }(React.Component);
 
-  function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); 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$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); 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$2() { 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$1() { 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 OptionsSection = /*#__PURE__*/function (_Component) {
     _inherits__default['default'](OptionsSection, _Component);
 
-    var _super = _createSuper$2(OptionsSection);
+    var _super = _createSuper$1(OptionsSection);
 
     function OptionsSection() {
       _classCallCheck__default['default'](this, OptionsSection);
@@ -9262,267 +9523,6 @@
     return OptionsSection;
   }(React.Component);
 
-  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; }
-
-  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(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$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-  function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); 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$1() { 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 DropdownInput = /*#__PURE__*/function (_Component) {
-    _inherits__default['default'](DropdownInput, _Component);
-
-    var _super = _createSuper$1(DropdownInput);
-
-    function DropdownInput(props) {
-      var _this;
-
-      _classCallCheck__default['default'](this, DropdownInput);
-
-      _this = _super.call(this, props);
-      _this.state = {
-        width: 0,
-        height: 0,
-        open: false
-      };
-      _this.setWrapperRef = _this.setWrapperRef.bind(_assertThisInitialized__default['default'](_this));
-      _this.handleClickOutside = _this.handleClickOutside.bind(_assertThisInitialized__default['default'](_this));
-      return _this;
-    }
-
-    _createClass__default['default'](DropdownInput, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        document.addEventListener('mousedown', this.handleClickOutside);
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        document.removeEventListener('mousedown', this.handleClickOutside);
-      }
-    }, {
-      key: "setWrapperRef",
-      value: function setWrapperRef(node) {
-        this.wrapperRef = node;
-      }
-    }, {
-      key: "handleClickOutside",
-      value: function handleClickOutside(event) {
-        if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {
-          this.setState({
-            open: false
-          });
-        }
-      }
-    }, {
-      key: "getAutoComplete",
-      value: function getAutoComplete() {
-        if (!___default['default'].isUndefined(this.props.autoComplete)) {
-          return this.props.autoComplete ? 'on' : 'off';
-        }
-
-        return 'off';
-      }
-    }, {
-      key: "getClassNames",
-      value: function getClassNames() {
-        var string = '';
-
-        if (this.props.className) {
-          string += "".concat(this.props.className, " ");
-        }
-
-        if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
-          string = 'genericInput-disabled ';
-        }
-
-        if (this.props.large) {
-          string += 'genericInput-large ';
-        }
-
-        if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
-          return string + 'genericInput-error';
-        }
-
-        if (!___default['default'].isUndefined(this.props.isValid) && this.props.isValid()) {
-          return string + 'genericInput-valid';
-        }
-
-        return string;
-      }
-    }, {
-      key: "getLabelStyle",
-      value: function getLabelStyle() {
-        var style = {};
-
-        if (___default['default'].isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
-          style.opacity = 0;
-        }
-
-        if (!___default['default'].isUndefined(this.props.ignoreValue) && this.props.value === this.props.ignoreValue && !this.props.alwaysShowLabel) {
-          style.opacity = 0;
-        } // if (this.props.isRequired) {
-        //     style.marginLeft = 12;
-        // }
-
-
-        return style;
-      }
-    }, {
-      key: "renderError",
-      value: function renderError() {
-        if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
-          return /*#__PURE__*/React__default['default'].createElement("div", {
-            className: 'fieldLabel fieldLabel-warning'
-          }, this.props.errorMessage ? this.props.errorMessage : 'Required');
-        }
-
-        return null;
-      }
-    }, {
-      key: "renderHelp",
-      value: function renderHelp() {
-        if (!___default['default'].isUndefined(this.props.help)) {
-          return /*#__PURE__*/React__default['default'].createElement("div", {
-            className: "genericInput-help"
-          }, this.props.help);
-        }
-
-        return null;
-      }
-    }, {
-      key: "open",
-      value: function open() {
-        if (this.props.disabled) {
-          return;
-        }
-
-        this.setState({
-          open: !this.state.open
-        });
-      }
-    }, {
-      key: "renderOption",
-      value: function renderOption() {
-        var _this2 = this;
-
-        if (!this.state.open) {
-          return null;
-        }
-
-        return /*#__PURE__*/React__default['default'].createElement("div", {
-          style: styles.dropdownItemsWrapper
-        }, ___default['default'].values(this.props.options).map(function (cat) {
-          return /*#__PURE__*/React__default['default'].createElement("div", {
-            key: cat.Key,
-            className: "subtleHover fontRegular fontSize-16 text-dark",
-            style: styles.dropDownOption,
-            onClick: function onClick() {
-              _this2.props.onSelect(cat.Key);
-            }
-          }, cat.Title);
-        }));
-      }
-    }, {
-      key: "getBottomBorder",
-      value: function getBottomBorder() {
-        if (!___default['default'].isUndefined(this.props.disabled) && this.props.disabled) {
-          return 'dropdownInput-bottomBorder--disabled';
-        }
-
-        if (!___default['default'].isUndefined(this.props.showError) && this.props.showError()) {
-          return 'dropdownInput-bottomBorder--error';
-        }
-
-        return '';
-      }
-    }, {
-      key: "renderInput",
-      value: function renderInput() {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
-          style: styles.row
-        }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "inputRequired "
-        }), /*#__PURE__*/React__default['default'].createElement("div", {
-          onClick: this.open.bind(this),
-          className: "dropdownInput-bottomBorder ".concat(this.getBottomBorder(), " ").concat(!this.props.disabled ? 'pointer' : '')
-        }, /*#__PURE__*/React__default['default'].createElement("input", {
-          id: this.props.id,
-          placeholder: !___default['default'].isUndefined(this.props.placeholder) ? this.props.placeholder : this.props.label,
-          type: !___default['default'].isUndefined(this.props.type) ? this.props.type : 'text',
-          className: "genericInput ".concat(!this.props.disabled ? 'pointer' : ''),
-          value: this.props.value,
-          onChange: this.props.onChange,
-          onKeyPress: this.props.onEnter,
-          style: _objectSpread$1({}, this.props.inputStyle),
-          disabled: true,
-          autoComplete: "false"
-        }), /*#__PURE__*/React__default['default'].createElement("div", {
-          style: styles.chevronWrapper
-        }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
-          style: _objectSpread$1(_objectSpread$1({}, styles.chevron), {}, {
-            color: !___default['default'].isUndefined(this.props.disabled) && this.props.disabled ? 'transparent' : INACTIVE_TEXT
-          }),
-          name: this.state.open ? 'chevron-up' : 'chevron-down'
-        })), this.renderOption()));
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React__default['default'].createElement("div", {
-          ref: this.setWrapperRef,
-          className: "dropdownInput ".concat(this.getClassNames()),
-          style: _objectSpread$1({
-            marginBottom: 16,
-            position: 'relative'
-          }, this.props.style)
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
-          style: _objectSpread$1(_objectSpread$1({}, styles.row), {}, {
-            marginBottom: 0,
-            justifyContent: 'space-between'
-          })
-        }, !___default['default'].isUndefined(this.props.label) && /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "fieldLabel",
-          style: this.getLabelStyle()
-        }, this.props.label), this.renderError()), this.renderInput(), this.renderHelp());
-      }
-    }]);
-
-    return DropdownInput;
-  }(React.Component);
-
-  var styles = {
-    row: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center'
-    },
-    chevronWrapper: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center'
-    },
-    chevron: {
-      fontSize: 12,
-      paddingBottom: 4
-    },
-    dropdownItemsWrapper: {
-      backgroundColor: '#fff',
-      position: 'absolute',
-      width: '100%',
-      top: 35,
-      boxShadow: '2px 2px 10px rgba(106, 163, 216, 0.7)',
-      zIndex: 90,
-      borderRadius: 4,
-      paddingTop: 4,
-      paddingBottom: 4
-    },
-    dropDownOption: {
-      padding: '4px 16px'
-    }
-  };
-
   function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(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(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/index.cjs.js",
   "scripts": {
@@ -26,15 +26,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.0",
-    "lodash": "^4.17.4",
     "jquery": "^3.2.1",
+    "js-cookie": "^2.2.0",
+    "lodash": "^4.17.4",
     "moment": "^2.18.1",
     "react": "^16.14.0",
     "react-dropzone": "^7.0.1",
     "react-fontawesome": "^1.6.1",
     "react-redux": "^5.0.6",
-    "react-textarea-autosize": "^7.1.0-1",
-    "js-cookie": "^2.2.0"
+    "react-textarea-autosize": "^7.1.0-1"
   },
   "keywords": []
 }

package/src/components/AnalyticsFilter.js

@@ -3,7 +3,8 @@ import { DropdownButton, MenuItem } from 'react-bootstrap';
 import _ from 'lodash';
 import moment from 'moment';
 import { getAnalyticsFilterOptions } from '../analytics';
-import { GenericInput, DatePicker } from './';
+import { GenericInput } from './GenericInput';
+import { DatePicker } from './DatePicker';
 
 class AnalyticsFilter extends PureComponent {
   constructor(props) {

package/src/components/AudienceIncluder.js

@@ -2,9 +2,10 @@ import React, { Component } from 'react';
 import _ from 'lodash';
 import { withRouter } from 'react-router';
 import { connect } from 'react-redux';
-import { GenericInput, Text } from './';
 import Config from '../config';
 import { SVGIcon } from './SVGIcon';
+import { GenericInput } from './GenericInput';
+import { Text } from './Text';
 import { COLOUR_DUSK } from '../colours';
 
 class AudienceIncluder extends Component {

package/src/components/AudienceSelector.js

@@ -3,11 +3,12 @@ import FontAwesome from 'react-fontawesome';
 import _ from 'lodash';
 import { connect } from 'react-redux';
 import { setAuth } from '../actions';
-import { RadioButton, DropdownInput } from './';
 import { profileActions, typeActions, userActions } from '../apis';
 import { COLOUR_DUSK } from '../colours';
 import { AudienceIncluder } from './AudienceIncluder';
-import { Text } from './';
+import { Text } from './Text';
+import { RadioButton } from './RadioButton';
+import { DropdownInput } from './DropdownInput';
 
 class AudienceSelector extends Component {
   state = {

package/src/components/ImageInput.js

@@ -5,11 +5,12 @@ import $ from 'jquery';
 import moment from 'moment';
 import Dropzone from 'react-dropzone';
 import FontAwesome from 'react-fontawesome';
-import { Button, GenericInput } from './';
 import { get1400, getThumb300, isVideo } from '../helper';
 import { fileActions } from '../apis';
 import { validateAccess, getApiError } from '../session';
 import { Popup } from './Popup';
+import { Button } from './Button';
+import { GenericInput } from './GenericInput';
 
 const DEFAULT_INPUT = {
   uploadingImage: false,

package/src/components/MakerPopup.js

@@ -5,7 +5,7 @@ import _ from 'lodash';
 import { unauthedFunction } from '../session';
 import { Popup } from './Popup';
 import { GenericInput } from './GenericInput';
-import { Text } from './';
+import { Text } from './Text';
 import { Button } from './Button';
 import { DropdownInput } from './DropdownInput';
 import { typeActions, utilityActions } from '../apis';