versacall-core-library-react 2.0.70 → 2.0.71

package/dist/components/CoreTagFilter/CoreTagFilter.js

@@ -0,0 +1,275 @@
+"use strict";
+
+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(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 */
+
+class CoreTagFilter extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
+      openDialog: false
+    };
+  }
+  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, ")");
+      }
+
+      // 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 '), ")");
+        }
+      }
+      // 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 '), ")");
+        }
+      }
+      // 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 '), ")");
+        }
+      }
+      // merge new basicFilter with newFilter properties and re-call function
+      this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), _objectSpread(_objectSpread({}, newFilterProperties), {}, {
+        basicFilter: newBasicFilter
+      })));
+    }
+  }
+  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,
+  intl: _propTypes.default.shape().isRequired,
+  filter: _propTypes.default.shape().isRequired,
+  hideModuleTagFilters: _propTypes.default.bool,
+  updateFilter: _propTypes.default.func.isRequired,
+  hideModuleLocationFilters: _propTypes.default.bool,
+  hideMonitoringPointTagFilters: _propTypes.default.bool,
+  hideMonitoringPointTypeFilters: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  // mandatoryTags: PropTypes.arrayOf(PropTypes.string),
+  customTitle: _propTypes.default.node,
+  baseFilters: _propTypes.default.arrayOf(_propTypes.default.string)
+};
+CoreTagFilter.defaultProps = {
+  tags: null,
+  // mandatoryTags: [],
+  hideAdvanced: false,
+  hideModuleTagFilters: false,
+  hideModuleLocationFilters: false,
+  hideMonitoringPointTagFilters: false,
+  hideMonitoringPointTypeFilters: false,
+  disabled: false,
+  customTitle: null,
+  baseFilters: null
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(CoreTagFilter);

package/dist/components/CoreTagFilter/OldCoreTagFilter.js

@@ -0,0 +1,341 @@
+"use strict";
+
+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 _DeleteSweep = _interopRequireDefault(require("@material-ui/icons/DeleteSweep"));
+var _CardContent = _interopRequireDefault(require("@material-ui/core/CardContent"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _NearMe = _interopRequireDefault(require("@material-ui/icons/NearMe"));
+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 _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
+var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _OldTagFilterSelector = _interopRequireDefault(require("./OldTagFilterSelector"));
+var _OldTagChip = _interopRequireDefault(require("./OldTagChip"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+const sortTagOptions = tagArray => {
+  const newArray = [];
+  // build the newArray by getting rid of duplicates
+  tagArray.forEach(tag => {
+    // if this tag is already in the array, add the counts together
+    if (newArray.includes(_tag => _tag.tag === tag.tag)) {
+      const index = newArray.findIndex(_tag => _tag.tag === tag.tag);
+      newArray[index].count += tag.count;
+    } else {
+      // otherwise add the tag
+      newArray.push(tag);
+    }
+  });
+  // sort the tags by count
+  newArray.sort((tagA, tagB) => tagB.count - tagA.count);
+  return newArray;
+};
+class OldCoreTagFilter extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
+      openDialog: false,
+      menuTitle: ''
+    };
+  }
+  getTagOptions() {
+    const {
+      hideModuleTagFilters,
+      hideModuleLocationFilters,
+      hideMonitoringPointTagFilters,
+      hideMonitoringPointTypeFilters,
+      tags
+    } = this.props;
+    // build an array of objects with a title and tagArray
+    if (this.state.menuTitle === '__add_module_filter') {
+      const optionArray = [];
+      if (!hideModuleTagFilters) {
+        optionArray.push({
+          title: '__tags',
+          options: sortTagOptions(tags.moduleTags),
+          optionName: 'moduleTags',
+          filterArrayName: 'moduleTagFilters'
+        });
+      }
+      if (!hideModuleLocationFilters) {
+        optionArray.push({
+          title: '__locations',
+          options: sortTagOptions(tags.locationTags),
+          filterArrayName: 'moduleLocationFilters',
+          optionName: 'locationTags'
+        });
+      }
+      return optionArray;
+    }
+    if (this.state.menuTitle === '__add_monitoring_points_filter') {
+      const optionArray = [];
+      if (!hideMonitoringPointTagFilters) {
+        optionArray.push({
+          title: '__tags',
+          options: sortTagOptions(tags.monitoringPointTags),
+          filterArrayName: 'monitoringPointTagFilters',
+          optionName: 'monitoringPointTags'
+        });
+      }
+      if (!hideMonitoringPointTypeFilters) {
+        optionArray.push({
+          title: '__types',
+          options: sortTagOptions(tags.typeTags),
+          filterArrayName: 'monitoringPointTypeFilters',
+          optionName: 'typeTags'
+        });
+      }
+      return optionArray;
+    }
+    return [];
+  }
+  mapTags(arrayName, filterArray, icon, color, tooltip) {
+    const deleteTag = tag => {
+      const newTags = filterArray;
+      newTags.splice(newTags.findIndex(_tag => _tag === tag), 1);
+      this.updateFilter({
+        [arrayName]: newTags
+      });
+    };
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterArray.map((tag, index) => /*#__PURE__*/_react.default.createElement(_OldTagChip.default, {
+      tag: tag,
+      color: color,
+      key: String(index),
+      deleteTag: () => deleteTag(tag),
+      showDelete: !this.props.mandatoryTags.includes(tag),
+      icon: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: this.props.intl.formatMessage({
+          id: tooltip
+        })
+      }, /*#__PURE__*/_react.default.createElement(_Avatar.default, null, icon))
+    })));
+  }
+  handleMenu(open, title) {
+    this.setState({
+      openDialog: open,
+      menuTitle: title
+    });
+  }
+  updateFilter(newFilterProperties) {
+    if (this.props.updateFilter) {
+      // this function should take changes to the array and write the string filter each time
+      let newBasicFilter = '';
+      // build new filter
+      const newFilter = _objectSpread(_objectSpread({}, this.props.filter), newFilterProperties);
+      // join moduleTag and module location filters together using array.join(' OR ')
+      const moduleFilters = [...newFilter.moduleTagFilters, ...newFilter.moduleLocationFilters];
+      if (moduleFilters.length > 0) {
+        newBasicFilter = "(".concat(moduleFilters.join(' OR '), ")");
+      }
+      // if mpType has elements, add an AND and then joing those elemets with an ' OR '
+      const typeFilters = [...newFilter.monitoringPointTypeFilters];
+      if (typeFilters.length > 0) {
+        if (moduleFilters.length > 0) {
+          newBasicFilter = "".concat(newBasicFilter, " AND (").concat(typeFilters.join(' OR '), ")");
+        } else {
+          newBasicFilter = "(".concat(typeFilters.join(' OR '), ")");
+        }
+      }
+      // if mpTag has elements add an AND and then joing those elemets with an ' OR '
+      const tagFilters = [...newFilter.monitoringPointTagFilters];
+      if (tagFilters.length > 0) {
+        if (moduleFilters.length > 0 || typeFilters.length > 0) {
+          newBasicFilter = "".concat(newBasicFilter, " AND (").concat(tagFilters.join(' OR '), ")");
+        } else {
+          newBasicFilter = "(".concat(tagFilters.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
+      })));
+    }
+  }
+  render() {
+    const {
+      intl,
+      filter,
+      hideModuleTagFilters,
+      hideModuleLocationFilters,
+      hideMonitoringPointTagFilters,
+      hideMonitoringPointTypeFilters,
+      hideAdvanced
+    } = this.props;
+    const {
+      openDialog,
+      menuTitle
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      spacing: 2,
+      container: true
+    }, !hideAdvanced && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      align: "center",
+      xs: 8,
+      item: true
+    }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      align: "center",
+      xs: 4,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      labelPlacement: "bottom",
+      label: intl.formatMessage({
+        id: '__advanced'
+      }),
+      control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
+        checked: filter.isAdvanced,
+        onChange: event => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+          isAdvanced: event.target.checked
+        }))
+      })
+    }))), filter.isAdvanced ? /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 12,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      variant: "outlined",
+      value: filter.advancedFilter,
+      label: intl.formatMessage({
+        id: '__filter'
+      }),
+      onChange: event => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        advancedFilter: event.target.value
+      })),
+      fullWidth: true,
+      multiline: true
+    })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (!hideModuleTagFilters || !hideModuleLocationFilters) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 6,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_Card.default, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      style: {
+        float: 'left'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__modules"
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        float: 'right'
+      }
+    }, (filter.moduleLocationFilters.length > 0 || filter.moduleTagFilters.length > 0) && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: intl.formatMessage({
+        id: '__empty_filter'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: event => this.updateFilter({
+        moduleLocationFilters: [],
+        moduleTagFilters: []
+      })
+    }, /*#__PURE__*/_react.default.createElement(_DeleteSweep.default, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: intl.formatMessage({
+        id: '__add_module_filter'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: event => this.handleMenu(true, '__add_module_filter')
+    }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), (filter.moduleLocationFilters.length > 0 || filter.moduleTagFilters.length > 0) && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'auto',
+        maxHeight: '160px'
+      }
+    }, this.mapTags('moduleLocationFilters', filter.moduleLocationFilters, /*#__PURE__*/_react.default.createElement(_NearMe.default, null), 'darkorange', '__location_tags'), this.mapTags('moduleTagFilters', filter.moduleTagFilters, /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null), '#005A96', '__tags'))))), (!hideMonitoringPointTagFilters || !hideMonitoringPointTypeFilters) && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 6,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_Card.default, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      style: {
+        float: 'left'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__monitoring_points"
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        float: 'right'
+      }
+    }, (filter.monitoringPointTagFilters.length > 0 || filter.monitoringPointTypeFilters.length > 0) && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: intl.formatMessage({
+        id: '__empty_filter'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: event => {
+        event.stopPropagation();
+        this.updateFilter({
+          monitoringPointTagFilters: [],
+          monitoringPointTypeFilters: []
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(_DeleteSweep.default, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: intl.formatMessage({
+        id: '__add_monitoring_points_filter'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: event => {
+        event.stopPropagation();
+        this.handleMenu(true, '__add_monitoring_points_filter');
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), (filter.monitoringPointTagFilters.length > 0 || filter.monitoringPointTypeFilters.length > 0) && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'auto',
+        maxHeight: '160px'
+      }
+    }, this.mapTags('monitoringPointTypeFilters', filter.monitoringPointTypeFilters, /*#__PURE__*/_react.default.createElement(_Category.default, null), 'green', '__type_tags'), this.mapTags('monitoringPointTagFilters', filter.monitoringPointTagFilters, /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null), '#005A96', '__tags'))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 12,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_Card.default, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, "".concat(intl.formatMessage({
+      id: '__filter'
+    }), ": ").concat(filter.basicFilter)))))), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+      maxWidth: "xs",
+      open: openDialog,
+      onClose: () => this.handleMenu(false, '__close'),
+      fullWidth: true
+    }, /*#__PURE__*/_react.default.createElement(_OldTagFilterSelector.default, {
+      filter: filter,
+      title: menuTitle,
+      tagOptions: this.getTagOptions(),
+      onClose: () => this.handleMenu(false, '__close'),
+      updateFilter: newFilterProperties => this.updateFilter(newFilterProperties)
+    })));
+  }
+}
+OldCoreTagFilter.propTypes = {
+  tags: _propTypes.default.shape(),
+  hideAdvanced: _propTypes.default.bool,
+  intl: _propTypes.default.shape().isRequired,
+  filter: _propTypes.default.shape().isRequired,
+  hideModuleTagFilters: _propTypes.default.bool,
+  updateFilter: _propTypes.default.func.isRequired,
+  hideModuleLocationFilters: _propTypes.default.bool,
+  hideMonitoringPointTagFilters: _propTypes.default.bool,
+  hideMonitoringPointTypeFilters: _propTypes.default.bool,
+  mandatoryTags: _propTypes.default.arrayOf(_propTypes.default.string)
+};
+OldCoreTagFilter.defaultProps = {
+  tags: null,
+  mandatoryTags: [],
+  hideAdvanced: false,
+  hideModuleTagFilters: false,
+  hideModuleLocationFilters: false,
+  hideMonitoringPointTagFilters: false,
+  hideMonitoringPointTypeFilters: false
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(OldCoreTagFilter);

package/dist/components/CoreTagFilter/OldTagChip.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+var _reactIntl = require("react-intl");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OldTagChip(props) {
+  const {
+    tag,
+    deleteTag,
+    icon,
+    color,
+    showDelete
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_Chip.default, {
+    label: tag,
+    avatar: icon,
+    onDelete: showDelete ? () => deleteTag() : () => {},
+    deleteIcon: showDelete ? null : /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        width: '1px'
+      }
+    }),
+    style: {
+      margin: '2px 0',
+      justifyContent: 'space-between',
+      backgroundColor: color,
+      color: 'white'
+    }
+  });
+}
+OldTagChip.propTypes = {
+  tag: _propTypes.default.string.isRequired,
+  icon: _propTypes.default.element.isRequired,
+  color: _propTypes.default.string.isRequired,
+  deleteTag: _propTypes.default.func.isRequired,
+  showDelete: _propTypes.default.bool.isRequired
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(OldTagChip);