versacall-core-library-react 2.0.65 → 2.0.67

package/dist/components/CoreTagFilter/CoreTagFilter.js

@@ -1,355 +1,251 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
 var _reactIntl = require("react-intl");
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-
 var _LocationOn = _interopRequireDefault(require("@material-ui/icons/LocationOn"));
-
 var _LocalOffer = _interopRequireDefault(require("@material-ui/icons/LocalOffer"));
-
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
 var _Category = _interopRequireDefault(require("@material-ui/icons/Category"));
-
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
-
 var _TagFilterBuilder = _interopRequireDefault(require("./TagFilterBuilder"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // import { TrendingUpOutlined } from '@material-ui/icons';
 
 /* eslint-disable no-nested-ternary */
-var CoreTagFilter = /*#__PURE__*/function (_Component) {
-  _inherits(CoreTagFilter, _Component);
-
-  var _super = _createSuper(CoreTagFilter);
 
-  function CoreTagFilter() {
-    var _this;
-
-    _classCallCheck(this, CoreTagFilter);
-
-    _this = _super.call(this);
-    _this.state = {
+class CoreTagFilter extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
       openDialog: false
     };
-    return _this;
   }
-
-  _createClass(CoreTagFilter, [{
-    key: "updateFilter",
-    value: function updateFilter(newFilterProperties) {
-      if (this.props.updateFilter) {
-        // build new filter
-        var newFilter = _objectSpread(_objectSpread({}, this.props.filter), newFilterProperties); // this function should take changes to the array and write the string filter each time
-
-
-        var newBasicFilter = '';
-
-        if (newFilter.baseFilter && newFilter.baseFilter.length > 0) {
-          newBasicFilter = "(".concat(newFilter.baseFilter, ")");
-        } // join moduleTag and module location filters together using array.join(' OR ')
-
-
-        var moduleFilters = [].concat(_toConsumableArray(newFilter.moduleTagFilters), _toConsumableArray(newFilter.moduleLocationFilters));
-
-        if (moduleFilters.length > 0) {
-          if (newBasicFilter.length > 0) {
-            newBasicFilter = "".concat(newBasicFilter, " AND (").concat(moduleFilters.join(' OR '), ")");
-          } else {
-            newBasicFilter = "(".concat(moduleFilters.join(' OR '), ")");
-          }
-        } // if mpTag has elements add an AND and then joing those elemets with an ' OR '
-
-
-        var tagFilters = _toConsumableArray(newFilter.monitoringPointTagFilters);
-
-        if (tagFilters.length > 0) {
-          if (newBasicFilter.length > 0) {
-            newBasicFilter = "".concat(newBasicFilter, " AND (").concat(tagFilters.join(' OR '), ")");
-          } else {
-            newBasicFilter = "(".concat(tagFilters.join(' OR '), ")");
-          }
-        } // if mpType has elements, add an AND and then joing those elemets with an ' OR '
-
-
-        var typeFilters = _toConsumableArray(newFilter.monitoringPointTypeFilters);
-
-        if (typeFilters.length > 0) {
-          if (newBasicFilter.length > 0) {
-            newBasicFilter = "".concat(newBasicFilter, " AND (").concat(typeFilters.join(' OR '), ")");
-          } else {
-            newBasicFilter = "(".concat(typeFilters.join(' OR '), ")");
-          }
-        } // merge new basicFilter with newFilter properties and re-call function
-
-
-        this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), _objectSpread(_objectSpread({}, newFilterProperties), {}, {
-          basicFilter: newBasicFilter
-        })));
+  updateFilter(newFilterProperties) {
+    if (this.props.updateFilter) {
+      // build new filter
+      const newFilter = _objectSpread(_objectSpread({}, this.props.filter), newFilterProperties);
+
+      // this function should take changes to the array and write the string filter each time
+      let newBasicFilter = '';
+      if (newFilter.baseFilter && newFilter.baseFilter.length > 0) {
+        newBasicFilter = "(".concat(newFilter.baseFilter, ")");
       }
-    }
-  }, {
-    key: "checkIfExists",
-    value: function checkIfExists(collection, tag) {
-      var tags = this.props.tags;
 
-      if (tags && tags[collection]) {
-        if (tags[collection].some(function (x) {
-          return x.tag === tag;
-        })) {
-          return true;
+      // join moduleTag and module location filters together using array.join(' OR ')
+      const moduleFilters = [...newFilter.moduleTagFilters, ...newFilter.moduleLocationFilters];
+      if (moduleFilters.length > 0) {
+        if (newBasicFilter.length > 0) {
+          newBasicFilter = "".concat(newBasicFilter, " AND (").concat(moduleFilters.join(' OR '), ")");
+        } else {
+          newBasicFilter = "(".concat(moduleFilters.join(' OR '), ")");
         }
       }
-
-      return false;
-    }
-  }, {
-    key: "renderFilter",
-    value: function renderFilter() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          filter = _this$props.filter,
-          baseFilters = _this$props.baseFilters;
-      var baseFilter = filter.baseFilter,
-          moduleTagFilters = filter.moduleTagFilters,
-          moduleLocationFilters = filter.moduleLocationFilters,
-          monitoringPointTagFilters = filter.monitoringPointTagFilters,
-          monitoringPointTypeFilters = filter.monitoringPointTypeFilters;
-      var haveBaseFilter = baseFilter && baseFilter.length > 0;
-      var showModuleAnd = (moduleTagFilters.length > 0 || moduleLocationFilters.length > 0) && haveBaseFilter;
-      var showLocOr = moduleTagFilters.length > 0 && moduleLocationFilters.length > 0;
-      var showMpTagAnd = (haveBaseFilter || moduleTagFilters.length > 0 || moduleLocationFilters.length > 0) && monitoringPointTagFilters.length > 0;
-      var showTypeAnd = (haveBaseFilter || moduleTagFilters.length > 0 || moduleLocationFilters.length > 0 || monitoringPointTagFilters.length > 0) && monitoringPointTypeFilters.length > 0;
-      var baseError = false;
-
-      if (baseFilter && baseFilter.length > 0) {
-        if (baseFilters === null || !baseFilters.includes(baseFilter)) {
-          baseError = true;
+      // if mpTag has elements add an AND and then joing those elemets with an ' OR '
+      const tagFilters = [...newFilter.monitoringPointTagFilters];
+      if (tagFilters.length > 0) {
+        if (newBasicFilter.length > 0) {
+          newBasicFilter = "".concat(newBasicFilter, " AND (").concat(tagFilters.join(' OR '), ")");
+        } else {
+          newBasicFilter = "(".concat(tagFilters.join(' OR '), ")");
         }
       }
-
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, haveBaseFilter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", /*#__PURE__*/_react.default.createElement(_Chip.default, {
-        label: baseFilter,
-        color: baseError ? 'secondary' : 'default'
-      }), ")"), showModuleAnd && /*#__PURE__*/_react.default.createElement("span", null, "\xA0AND\xA0"), (moduleTagFilters.length > 0 || moduleLocationFilters.length > 0) && /*#__PURE__*/_react.default.createElement("span", null, "(", moduleTagFilters.map(function (tag, index) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "mtag_".concat(tag)
-        }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
-          icon: /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null),
-          label: tag,
-          color: _this2.checkIfExists('moduleTags', tag) ? 'default' : 'secondary'
-        }));
-      }), showLocOr && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), moduleLocationFilters.map(function (tag, index) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "mloc_".concat(tag)
-        }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
-          icon: /*#__PURE__*/_react.default.createElement(_LocationOn.default, null),
-          label: tag,
-          color: _this2.checkIfExists('locationTags', tag) ? 'default' : 'secondary'
-        }));
-      }), ")"), showMpTagAnd && /*#__PURE__*/_react.default.createElement("span", null, "\xA0AND\xA0"), monitoringPointTagFilters.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", monitoringPointTagFilters.map(function (tag, index) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "mptag_".concat(tag)
-        }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
-          icon: /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null),
-          label: tag,
-          color: _this2.checkIfExists('monitoringPointTags', tag) ? 'default' : 'secondary'
-        }));
-      }), ")"), showTypeAnd && /*#__PURE__*/_react.default.createElement("span", null, "\xA0AND\xA0"), monitoringPointTypeFilters.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", monitoringPointTypeFilters.map(function (tag, index) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: "mptype_".concat(tag)
-        }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
-          icon: /*#__PURE__*/_react.default.createElement(_Category.default, null),
-          label: tag,
-          color: _this2.checkIfExists('typeTags', tag) ? 'default' : 'secondary'
-        }));
-      }), ")"));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          intl = _this$props2.intl,
-          tags = _this$props2.tags,
-          filter = _this$props2.filter,
-          hideModuleTagFilters = _this$props2.hideModuleTagFilters,
-          hideModuleLocationFilters = _this$props2.hideModuleLocationFilters,
-          hideMonitoringPointTagFilters = _this$props2.hideMonitoringPointTagFilters,
-          hideMonitoringPointTypeFilters = _this$props2.hideMonitoringPointTypeFilters,
-          hideAdvanced = _this$props2.hideAdvanced,
-          disabled = _this$props2.disabled,
-          customTitle = _this$props2.customTitle,
-          baseFilters = _this$props2.baseFilters;
-      var openDialog = this.state.openDialog;
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, customTitle !== null ? customTitle : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "h6",
-        style: {
-          flexGrow: 1
-        }
-      }, "Tag Filter"), !filter.isAdvanced && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "outlined",
-        color: "secondary",
-        disabled: disabled,
-        onClick: function onClick() {
-          return _this3.setState({
-            openDialog: true
-          });
+      // if mpType has elements, add an AND and then joing those elemets with an ' OR '
+      const typeFilters = [...newFilter.monitoringPointTypeFilters];
+      if (typeFilters.length > 0) {
+        if (newBasicFilter.length > 0) {
+          newBasicFilter = "".concat(newBasicFilter, " AND (").concat(typeFilters.join(' OR '), ")");
+        } else {
+          newBasicFilter = "(".concat(typeFilters.join(' OR '), ")");
         }
-      }, /*#__PURE__*/_react.default.createElement(_Edit.default, {
-        style: {
-          marginRight: 10
-        }
-      }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__edit"
-      })), !hideAdvanced && /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-        style: {
-          marginLeft: 10
-        },
-        label: intl.formatMessage({
-          id: '__advanced'
-        }),
-        control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
-          checked: filter.isAdvanced,
-          disabled: disabled,
-          onChange: function onChange(event) {
-            return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
-              isAdvanced: event.target.checked
-            }));
-          }
-        })
-      })), filter.isAdvanced ? /*#__PURE__*/_react.default.createElement(_TextField.default, {
-        variant: "outlined",
-        label: intl.formatMessage({
-          id: '__filter'
-        }),
-        value: filter.advancedFilter,
-        onChange: function onChange(event) {
-          return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
-            advancedFilter: event.target.value
-          }));
-        },
-        InputLabelProps: {
-          shrink: true
-        },
-        placeholder: "Type in the filter here... (ex: location_station_1 AND maintenance)",
-        margin: "normal",
-        fullWidth: true,
-        multiline: true,
-        disabled: disabled
-      }) : filter.basicFilter.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          margin: 5
-        }
-      }, this.renderFilter()) : /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          margin: 5
-        }
-      }, /*#__PURE__*/_react.default.createElement("i", null, "No filter set, everything will pass")), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-        maxWidth: "md",
-        open: openDialog,
-        onClose: function onClose() {
-          return _this3.setState({
-            openDialog: false
-          });
-        },
-        fullWidth: true
-      }, /*#__PURE__*/_react.default.createElement(_TagFilterBuilder.default, {
-        tags: tags,
-        filter: filter,
-        updateFilter: function updateFilter(change) {
-          return _this3.updateFilter(change);
-        },
-        close: function close() {
-          return _this3.setState({
-            openDialog: false
-          });
-        },
-        hideModuleTagFilters: hideModuleTagFilters,
-        hideModuleLocationFilters: hideModuleLocationFilters,
-        hideMonitoringPointTagFilters: hideMonitoringPointTagFilters,
-        hideMonitoringPointTypeFilters: hideMonitoringPointTypeFilters,
-        baseFilters: baseFilters
+      }
+      // merge new basicFilter with newFilter properties and re-call function
+      this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), _objectSpread(_objectSpread({}, newFilterProperties), {}, {
+        basicFilter: newBasicFilter
       })));
     }
-  }]);
-
-  return CoreTagFilter;
-}(_react.Component);
-
+  }
+  checkIfExists(collection, tag) {
+    const {
+      tags
+    } = this.props;
+    if (tags && tags[collection]) {
+      if (tags[collection].some(x => x.tag === tag)) {
+        return true;
+      }
+    }
+    return false;
+  }
+  renderFilter() {
+    const {
+      filter,
+      baseFilters
+    } = this.props;
+    const {
+      baseFilter,
+      moduleTagFilters,
+      moduleLocationFilters,
+      monitoringPointTagFilters,
+      monitoringPointTypeFilters
+    } = filter;
+    const haveBaseFilter = baseFilter && baseFilter.length > 0;
+    const showModuleAnd = (moduleTagFilters.length > 0 || moduleLocationFilters.length > 0) && haveBaseFilter;
+    const showLocOr = moduleTagFilters.length > 0 && moduleLocationFilters.length > 0;
+    const showMpTagAnd = (haveBaseFilter || moduleTagFilters.length > 0 || moduleLocationFilters.length > 0) && monitoringPointTagFilters.length > 0;
+    const showTypeAnd = (haveBaseFilter || moduleTagFilters.length > 0 || moduleLocationFilters.length > 0 || monitoringPointTagFilters.length > 0) && monitoringPointTypeFilters.length > 0;
+    let baseError = false;
+    if (baseFilter && baseFilter.length > 0) {
+      if (baseFilters === null || !baseFilters.includes(baseFilter)) {
+        baseError = true;
+      }
+    }
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, haveBaseFilter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      label: baseFilter,
+      color: baseError ? 'secondary' : 'default'
+    }), ")"), showModuleAnd && /*#__PURE__*/_react.default.createElement("span", null, "\xA0AND\xA0"), (moduleTagFilters.length > 0 || moduleLocationFilters.length > 0) && /*#__PURE__*/_react.default.createElement("span", null, "(", moduleTagFilters.map((tag, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "mtag_".concat(tag)
+    }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null),
+      label: tag,
+      color: this.checkIfExists('moduleTags', tag) ? 'default' : 'secondary'
+    }))), showLocOr && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), moduleLocationFilters.map((tag, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "mloc_".concat(tag)
+    }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_LocationOn.default, null),
+      label: tag,
+      color: this.checkIfExists('locationTags', tag) ? 'default' : 'secondary'
+    }))), ")"), showMpTagAnd && /*#__PURE__*/_react.default.createElement("span", null, "\xA0AND\xA0"), monitoringPointTagFilters.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", monitoringPointTagFilters.map((tag, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "mptag_".concat(tag)
+    }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null),
+      label: tag,
+      color: this.checkIfExists('monitoringPointTags', tag) ? 'default' : 'secondary'
+    }))), ")"), showTypeAnd && /*#__PURE__*/_react.default.createElement("span", null, "\xA0AND\xA0"), monitoringPointTypeFilters.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", monitoringPointTypeFilters.map((tag, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: "mptype_".concat(tag)
+    }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_Category.default, null),
+      label: tag,
+      color: this.checkIfExists('typeTags', tag) ? 'default' : 'secondary'
+    }))), ")"));
+  }
+  render() {
+    const {
+      intl,
+      tags,
+      filter,
+      hideModuleTagFilters,
+      hideModuleLocationFilters,
+      hideMonitoringPointTagFilters,
+      hideMonitoringPointTypeFilters,
+      hideAdvanced,
+      disabled,
+      customTitle,
+      baseFilters
+    } = this.props;
+    const {
+      openDialog
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, customTitle !== null ? customTitle : /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      style: {
+        flexGrow: 1
+      }
+    }, "Tag Filter"), !filter.isAdvanced && /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "outlined",
+      color: "secondary",
+      disabled: disabled,
+      onClick: () => this.setState({
+        openDialog: true
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Edit.default, {
+      style: {
+        marginRight: 10
+      }
+    }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__edit"
+    })), !hideAdvanced && /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      style: {
+        marginLeft: 10
+      },
+      label: intl.formatMessage({
+        id: '__advanced'
+      }),
+      control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
+        checked: filter.isAdvanced,
+        disabled: disabled,
+        onChange: event => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+          isAdvanced: event.target.checked
+        }))
+      })
+    })), filter.isAdvanced ? /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      variant: "outlined",
+      label: intl.formatMessage({
+        id: '__filter'
+      }),
+      value: filter.advancedFilter,
+      onChange: event => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        advancedFilter: event.target.value
+      })),
+      InputLabelProps: {
+        shrink: true
+      },
+      placeholder: "Type in the filter here... (ex: location_station_1 AND maintenance)",
+      margin: "normal",
+      fullWidth: true,
+      multiline: true,
+      disabled: disabled
+    }) : filter.basicFilter.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: 5
+      }
+    }, this.renderFilter()) : /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement("i", null, "No filter set, everything will pass")), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+      maxWidth: "md",
+      open: openDialog,
+      onClose: () => this.setState({
+        openDialog: false
+      }),
+      fullWidth: true
+    }, /*#__PURE__*/_react.default.createElement(_TagFilterBuilder.default, {
+      tags: tags,
+      filter: filter,
+      updateFilter: change => this.updateFilter(change),
+      close: () => this.setState({
+        openDialog: false
+      }),
+      hideModuleTagFilters: hideModuleTagFilters,
+      hideModuleLocationFilters: hideModuleLocationFilters,
+      hideMonitoringPointTagFilters: hideMonitoringPointTagFilters,
+      hideMonitoringPointTypeFilters: hideMonitoringPointTypeFilters,
+      baseFilters: baseFilters
+    })));
+  }
+}
 CoreTagFilter.propTypes = {
   tags: _propTypes.default.shape(),
   hideAdvanced: _propTypes.default.bool,
@@ -377,7 +273,4 @@ CoreTagFilter.defaultProps = {
   customTitle: null,
   baseFilters: null
 };
-
-var _default = (0, _reactIntl.injectIntl)(CoreTagFilter);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactIntl.injectIntl)(CoreTagFilter);