versacall-core-library-react 2.0.70 → 2.0.71

package/dist/components/CoreTagFilter/OldTagFilterSelector.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
+var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
+var _reactIntl = require("react-intl");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CoreDialogueToolBar = _interopRequireDefault(require("../CoreDialogueToolBar"));
+var _OldTagOption = _interopRequireDefault(require("./OldTagOption"));
+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); }
+class OldTagFilterSelector extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
+      tab: 0,
+      search: ''
+    };
+  }
+  getTabTitle(title, index) {
+    const {
+      intl,
+      tagOptions,
+      filter
+    } = this.props;
+    let titleString = intl.formatMessage({
+      id: title
+    });
+    if (filter[tagOptions[index].filterArrayName].length > 0) {
+      titleString = "".concat(titleString, "(").concat(filter[tagOptions[index].filterArrayName].length, ")");
+    }
+    return titleString;
+  }
+  render() {
+    const {
+      intl,
+      title,
+      tagOptions,
+      updateFilter,
+      filter,
+      onClose
+    } = this.props;
+    const {
+      tab,
+      search
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CoreDialogueToolBar.default, {
+      title: intl.formatMessage({
+        id: title
+      }),
+      handleClose: () => onClose()
+    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+      value: tab,
+      onChange: (event, value) => this.setState({
+        tab: value,
+        search: ''
+      })
+    }, tagOptions.map((option, index) => /*#__PURE__*/_react.default.createElement(_Tab.default, {
+      label: this.getTabTitle(option.title, index),
+      key: String(index)
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: '80%',
+        margin: '0 10%'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      margin: "dense",
+      value: search,
+      label: intl.formatMessage({
+        id: '__search_tags'
+      }),
+      onChange: event => this.setState({
+        search: event.target.value
+      })
+    })), /*#__PURE__*/_react.default.createElement("div", null, tagOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_List.default, {
+      style: {
+        padding: '2%',
+        overflow: 'auto',
+        height: '25vh'
+      }
+    }, tagOptions[tab].options.filter(tag => tag.tag.includes(search)).map((tag, index) => /*#__PURE__*/_react.default.createElement(_OldTagOption.default, {
+      tag: tag,
+      key: String(index),
+      filterArrayName: tagOptions[tab].filterArrayName,
+      activeTags: filter[tagOptions[tab].filterArrayName],
+      showCount: tagOptions[tab].optionName !== 'locationTags',
+      updateFilter: newFilterProperties => updateFilter(newFilterProperties)
+    }))))));
+  }
+}
+OldTagFilterSelector.propTypes = {
+  title: _propTypes.default.string.isRequired,
+  intl: _propTypes.default.shape().isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  filter: _propTypes.default.shape().isRequired,
+  updateFilter: _propTypes.default.func.isRequired,
+  tagOptions: _propTypes.default.arrayOf(_propTypes.default.shape()).isRequired
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(OldTagFilterSelector);

package/dist/components/CoreTagFilter/OldTagOption.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _reactIntl = require("react-intl");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function OldTagOption(props) {
+  const {
+    tag,
+    showCount,
+    activeTags,
+    updateFilter,
+    filterArrayName
+  } = props;
+  const listItemStyle = {
+    borderRadius: '8%',
+    border: '2px solid #005A96',
+    backgroundColor: activeTags.includes(tag.tag) ? 'rgba(0, 90, 150, 0.33)' : 'white'
+  };
+  const addTag = () => {
+    if (activeTags.includes(tag.tag)) {
+      const newTags = activeTags;
+      // remove tag if it already exists in the array
+      newTags.splice(activeTags.findIndex(_tag => _tag === tag.tag), 1);
+      return updateFilter({
+        [filterArrayName]: newTags
+      });
+    }
+    return updateFilter({
+      [filterArrayName]: [...activeTags, tag.tag]
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    style: listItemStyle,
+    onClick: () => addTag()
+  }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    primary: showCount ? "".concat(tag.tag, " (").concat(tag.count, ")") : "".concat(tag.tag)
+  }));
+}
+OldTagOption.propTypes = {
+  tag: _propTypes.default.shape().isRequired,
+  showCount: _propTypes.default.bool.isRequired,
+  updateFilter: _propTypes.default.func.isRequired,
+  filterArrayName: _propTypes.default.string.isRequired,
+  activeTags: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(OldTagOption);

package/dist/components/CoreTagFilter/TagFilterBuilder.js

@@ -0,0 +1,487 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _FilterList = _interopRequireDefault(require("@material-ui/icons/FilterList"));
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
+var _LocationOn = _interopRequireDefault(require("@material-ui/icons/LocationOn"));
+var _LocalOffer = _interopRequireDefault(require("@material-ui/icons/LocalOffer"));
+var _Category = _interopRequireDefault(require("@material-ui/icons/Category"));
+var _reactIntl = require("react-intl");
+var _scrollbarModule = _interopRequireDefault(require("../../css/scrollbar.module.css"));
+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 style = {
+  header: {
+    display: 'flex',
+    alignItems: 'center',
+    padding: 10
+  },
+  list: {
+    height: 360,
+    overflowY: 'auto'
+  }
+};
+const consolidateTags = tagList => {
+  const newTagList = [];
+  tagList.forEach(tagInfo => {
+    const existing = newTagList.find(x => x.tag === tagInfo.tag);
+    if (existing) {
+      existing.count += tagInfo.count;
+    } else {
+      newTagList.push({
+        tag: tagInfo.tag,
+        type: tagInfo.type,
+        count: tagInfo.count
+      });
+    }
+  });
+  return newTagList;
+};
+function TagFilterBuilder(props) {
+  const [search, setSearch] = (0, _react.useState)('');
+  const [showAddCustom, setShowAddCustom] = (0, _react.useState)(false);
+  const [customTypeOptions, setCustomTypeOptions] = (0, _react.useState)([]);
+  const [customType, setCustomType] = (0, _react.useState)('');
+  const [customTag, setCustomTag] = (0, _react.useState)('');
+  const {
+    intl,
+    tags,
+    filter,
+    updateFilter,
+    hideModuleTagFilters,
+    hideModuleLocationFilters,
+    hideMonitoringPointTagFilters,
+    hideMonitoringPointTypeFilters,
+    baseFilters
+  } = props;
+  const updateSearch = value => {
+    if (value.length > 0) {
+      const lower = value.toLowerCase();
+      const test = /^[a-z0-9_]+$/.exec(lower);
+      if (test !== null) {
+        setSearch(lower);
+      }
+    } else {
+      setSearch('');
+    }
+    // setSearch(value.replace(/[^A-Z0-9]/ig, ' ').toLowerCase());
+  };
+  const selectItem = (filterListName, tag) => {
+    const newFilter = _objectSpread({}, filter);
+    newFilter[filterListName].push(tag);
+    updateFilter(newFilter);
+  };
+  const deselectItem = (filterListName, tag) => {
+    const newFilter = _objectSpread({}, filter);
+    const index = newFilter[filterListName].indexOf(tag);
+    if (index !== -1) {
+      newFilter[filterListName].splice(index, 1);
+      updateFilter(newFilter);
+    }
+  };
+  const renderTag = (tagInfo, filterListName) => {
+    const isSelected = filter[filterListName].includes(tagInfo.tag);
+    let keyPrefix = '';
+    let icon;
+    switch (filterListName) {
+      case 'moduleTagFilters':
+        keyPrefix = 'mtag';
+        icon = /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null);
+        break;
+      case 'moduleLocationFilters':
+        keyPrefix = 'loc';
+        icon = /*#__PURE__*/_react.default.createElement(_LocationOn.default, null);
+        break;
+      case 'monitoringPointTagFilters':
+        keyPrefix = 'mptag';
+        icon = /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null);
+        break;
+      case 'monitoringPointTypeFilters':
+        keyPrefix = 'ttag';
+        icon = /*#__PURE__*/_react.default.createElement(_Category.default, null);
+        break;
+      default:
+        keyPrefix = 'def';
+        icon = /*#__PURE__*/_react.default.createElement(_LocalOffer.default, null);
+        break;
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "".concat(keyPrefix, "_").concat(tagInfo.tag),
+      style: {
+        margin: 5,
+        padding: 5,
+        backgroundColor: isSelected ? '#55b7dc' : '#ffffff',
+        border: '1px solid black',
+        display: 'flex',
+        alignItems: 'center',
+        cursor: 'pointer'
+      },
+      onClick: () => isSelected ? deselectItem(filterListName, tagInfo.tag) : selectItem(filterListName, tagInfo.tag),
+      "aria-hidden": "true"
+    }, icon, /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        marginLeft: 10,
+        flexGrow: 1
+      }
+    }, tagInfo.tag), "(".concat(tagInfo.count, ")"));
+  };
+  const showCustom = which => {
+    const typeOptions = [];
+    if (which === 'module') {
+      if (!hideModuleTagFilters) {
+        typeOptions.push('moduleTagFilters');
+      }
+      if (!hideModuleLocationFilters) {
+        typeOptions.push('moduleLocationFilters');
+      }
+      setCustomType(!hideModuleLocationFilters ? 'moduleLocationFilters' : 'moduleTagFilters');
+    } else {
+      if (!hideMonitoringPointTagFilters) {
+        typeOptions.push('monitoringPointTagFilters');
+      }
+      if (!hideMonitoringPointTypeFilters) {
+        typeOptions.push('monitoringPointTypeFilters');
+      }
+      setCustomType(!hideMonitoringPointTagFilters ? 'monitoringPointTagFilters' : 'monitoringPointTypeFilters');
+    }
+    setCustomTypeOptions(typeOptions);
+    setCustomTag('');
+    setShowAddCustom(true);
+  };
+  const addCustomTag = () => {
+    const newFilter = _objectSpread({}, filter);
+    if (!newFilter[customType].includes(customTag)) {
+      newFilter[customType].push(customTag);
+      updateFilter(newFilter);
+    }
+    setShowAddCustom(false);
+  };
+  const handleKeyPress = e => {
+    if (e.which === 13) {
+      if (customTag.length > 0) {
+        addCustomTag();
+      }
+    }
+  };
+  const showModules = !hideModuleTagFilters || !hideModuleLocationFilters;
+  const showMonitoringPoints = !hideMonitoringPointTagFilters || !hideMonitoringPointTypeFilters;
+  let columns = 0;
+  if (showModules) columns++;
+  if (showMonitoringPoints) columns++;
+
+  // Add any tags that aren't on the supplied list to the supplied list.  This is needed in case we reference tags that have been deleted/etc.
+  // const adjustedModuleTags = [...tags.moduleTags];
+  const adjustedModuleTags = consolidateTags(tags.moduleTags);
+  filter.moduleTagFilters.forEach(x => {
+    if (!adjustedModuleTags.find(tagInfo => tagInfo.tag === x)) {
+      adjustedModuleTags.push({
+        tag: x,
+        count: 0
+      });
+    }
+  });
+  // const adjustedLocationTags = [...tags.locationTags];
+  const adjustedLocationTags = consolidateTags(tags.locationTags);
+  filter.moduleLocationFilters.forEach(x => {
+    if (!adjustedLocationTags.find(tagInfo => tagInfo.tag === x)) {
+      adjustedLocationTags.push({
+        tag: x,
+        count: 0
+      });
+    }
+  });
+  // const adjustedMonitoringPointTags = [...tags.monitoringPointTags];
+  const adjustedMonitoringPointTags = consolidateTags(tags.monitoringPointTags);
+  filter.monitoringPointTagFilters.forEach(x => {
+    if (!adjustedMonitoringPointTags.find(tagInfo => tagInfo.tag === x)) {
+      adjustedMonitoringPointTags.push({
+        tag: x,
+        count: 0
+      });
+    }
+  });
+  // const adjustedMonitoringPointTypes = [...tags.typeTags];
+  const adjustedMonitoringPointTypes = consolidateTags(tags.typeTags);
+  filter.monitoringPointTypeFilters.forEach(x => {
+    if (!adjustedMonitoringPointTypes.find(tagInfo => tagInfo.tag === x)) {
+      adjustedMonitoringPointTypes.push({
+        tag: x,
+        count: 0
+      });
+    }
+  });
+
+  // Filter or not
+  // const filteredModuleTags = search.length > 0 ? tags.moduleTags.filter(x => x.tag.includes(search)) : [...tags.moduleTags];
+  // const filteredLocationTags = search.length > 0 ? tags.locationTags.filter(x => x.tag.includes(search)) : [...tags.locationTags];
+  // const filteredMonitoringPointTags = search.length > 0 ? tags.monitoringPointTags.filter(x => x.tag.includes(search)) : [...tags.monitoringPointTags];
+  // const filteredTypeTags = search.length > 0 ? tags.typeTags.filter(x => x.tag.includes(search)) : [...tags.typeTags];
+
+  const filteredModuleTags = search.length > 0 ? adjustedModuleTags.filter(x => x.tag.includes(search)) : [...adjustedModuleTags];
+  const filteredLocationTags = search.length > 0 ? adjustedLocationTags.filter(x => x.tag.includes(search)) : [...adjustedLocationTags];
+  const filteredMonitoringPointTags = search.length > 0 ? adjustedMonitoringPointTags.filter(x => x.tag.includes(search)) : [...adjustedMonitoringPointTags];
+  const filteredTypeTags = search.length > 0 ? adjustedMonitoringPointTypes.filter(x => x.tag.includes(search)) : [...adjustedMonitoringPointTypes];
+
+  // const filteredModuleTags = adjustedModuleTags;
+  // const filteredLocationTags = adjustedLocationTags;
+  // const filteredMonitoringPointTags = adjustedMonitoringPointTags;
+  // const filteredTypeTags = adjustedMonitoringPointTypes;
+
+  // Sort by highest quantities of tags
+  filteredModuleTags.sort((a, b) => b.count - a.count);
+  filteredLocationTags.sort((a, b) => b.count - a.count);
+  filteredMonitoringPointTags.sort((a, b) => b.count - a.count);
+  filteredTypeTags.sort((a, b) => b.count - a.count);
+
+  /* eslint-disable jsx-a11y/anchor-is-valid */
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    container: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: style.header
+  }, /*#__PURE__*/_react.default.createElement(_FilterList.default, {
+    style: {
+      marginRight: 10
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h6",
+    style: {
+      flexGrow: 1
+    }
+  }, "Tag Filter Builder"), baseFilters && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      minWidth: 200,
+      marginRight: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    variant: "outlined",
+    label: "Base Filter",
+    InputLabelProps: {
+      shrink: true
+    },
+    value: filter.baseFilter ? filter.baseFilter : '',
+    onChange: e => updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+      baseFilter: e.target.value
+    })),
+    select: true,
+    SelectProps: {
+      displayEmpty: true
+    },
+    fullWidth: true,
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: "",
+    style: {
+      fontStyle: 'italic'
+    }
+  }, "NONE"), baseFilters.map((bFilter, bfIndex) => /*#__PURE__*/_react.default.createElement("option", {
+    value: bFilter
+  }, bFilter)))), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    id: "searchbar",
+    placeholder: "Search...",
+    value: search,
+    onChange: e => updateSearch(e.target.value),
+    InputProps: {
+      startAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
+        position: "start"
+      }, /*#__PURE__*/_react.default.createElement(_Search.default, null))
+    }
+  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    onClick: () => props.close()
+  }, /*#__PURE__*/_react.default.createElement(_Close.default, null)))), showModules && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    xs: columns === 1 ? 12 : 6,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flexGrow: 1
+    }
+  }, "Modules", " (".concat((filter.moduleTagFilters.length + filter.moduleLocationFilters.length).toString(), ")")), /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body2",
+    style: {
+      marginRight: 10
+    },
+    onClick: () => updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+      moduleTagFilters: [],
+      moduleLocationFilters: []
+    }))
+  }, intl.formatMessage({
+    id: '__clear'
+  })), /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body2",
+    onClick: () => showCustom('module')
+  }, intl.formatMessage({
+    id: '__add_custom'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: style.list,
+    className: _scrollbarModule.default.scroll
+  }, !hideModuleTagFilters && filteredModuleTags.map(moduleTag => renderTag(moduleTag, 'moduleTagFilters')), !hideModuleLocationFilters && filteredLocationTags.map(locationTag => renderTag(locationTag, 'moduleLocationFilters')))), showMonitoringPoints && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    xs: columns === 1 ? 12 : 6,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flexGrow: 1
+    }
+  }, "Monitoring Points", " (".concat((filter.monitoringPointTagFilters.length + filter.monitoringPointTypeFilters.length).toString(), ")")), /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body2",
+    style: {
+      marginRight: 10
+    },
+    onClick: () => updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+      monitoringPointTagFilters: [],
+      monitoringPointTypeFilters: []
+    }))
+  }, intl.formatMessage({
+    id: '__clear'
+  })), /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body2",
+    onClick: () => showCustom('monitoringPoint')
+  }, intl.formatMessage({
+    id: '__add_custom'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: style.list,
+    className: _scrollbarModule.default.scroll
+  }, !hideMonitoringPointTagFilters && filteredMonitoringPointTags.map(mpTag => renderTag(mpTag, 'monitoringPointTagFilters')), !hideMonitoringPointTypeFilters && filteredTypeTags.map(typeTag => renderTag(typeTag, 'monitoringPointTypeFilters')))), columns === 0 && /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    xs: 12,
+    style: {
+      padding: 20,
+      textAlign: 'center'
+    }
+  }, "All types of tags have been hidden.  Unhide some tags to be able to use the builder.")), showAddCustom && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: true,
+    onClose: () => setShowAddCustom(false)
+  }, /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    variant: "outlined",
+    label: intl.formatMessage({
+      id: '__type'
+    }),
+    margin: "normal",
+    value: customType,
+    onChange: e => setCustomType(e.target.value),
+    fullWidth: true,
+    select: true
+  }, customTypeOptions.map(cto => {
+    switch (cto) {
+      case 'moduleTagFilters':
+        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+          key: cto,
+          value: cto
+        }, /*#__PURE__*/_react.default.createElement(_LocalOffer.default, {
+          style: {
+            marginRight: 10
+          }
+        }), "Module Configuration Tag");
+      case 'moduleLocationFilters':
+        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+          key: cto,
+          value: cto
+        }, /*#__PURE__*/_react.default.createElement(_LocationOn.default, {
+          style: {
+            marginRight: 10
+          }
+        }), "Module Location Tag");
+      case 'monitoringPointTagFilters':
+        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+          key: cto,
+          value: cto
+        }, /*#__PURE__*/_react.default.createElement(_LocalOffer.default, {
+          style: {
+            marginRight: 10
+          }
+        }), "Monitoring Point Tag");
+      case 'monitoringPointTypeFilters':
+        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+          key: cto,
+          value: cto
+        }, /*#__PURE__*/_react.default.createElement(_Category.default, {
+          style: {
+            marginRight: 10
+          }
+        }), "Monitoring Point Type");
+      default:
+        return /*#__PURE__*/_react.default.createElement("option", {
+          key: cto,
+          value: cto
+        }, cto);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    variant: "outlined",
+    label: intl.formatMessage({
+      id: '__custom_tag'
+    }),
+    margin: "normal",
+    fullWidth: true,
+    autoFocus: true,
+    onKeyPress: e => handleKeyPress(e),
+    InputLabelProps: {
+      shrink: true
+    },
+    value: customTag,
+    onChange: e => setCustomTag(e.target.value.replace(/[^a-z0-9_]/g, ''))
+  })), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    variant: "contained",
+    color: "primary",
+    disabled: customTag.length === 0,
+    onClick: () => addCustomTag()
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+    id: "__add"
+  })))));
+}
+TagFilterBuilder.propTypes = {
+  intl: _propTypes.default.shape().isRequired,
+  tags: _propTypes.default.shape().isRequired,
+  filter: _propTypes.default.shape().isRequired,
+  updateFilter: _propTypes.default.func.isRequired,
+  close: _propTypes.default.func.isRequired,
+  hideModuleTagFilters: _propTypes.default.bool.isRequired,
+  hideModuleLocationFilters: _propTypes.default.bool.isRequired,
+  hideMonitoringPointTagFilters: _propTypes.default.bool.isRequired,
+  hideMonitoringPointTypeFilters: _propTypes.default.bool.isRequired,
+  baseFilters: _propTypes.default.arrayOf(_propTypes.default.string)
+};
+TagFilterBuilder.defaultProps = {
+  baseFilters: null
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(TagFilterBuilder);

package/dist/components/CoreTagFilter/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CoreTagFilter.default;
+  }
+});
+var _CoreTagFilter = _interopRequireDefault(require("./CoreTagFilter"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }