versacall-core-library-react 2.0.43 → 2.0.45

package/dist/components/CoreShiftTagFilter/CoreShiftTagFilter.js

@@ -23,12 +23,18 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
 
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
+var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
+
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
 
 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 _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -43,6 +49,18 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
@@ -89,7 +107,9 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this);
     _this.state = {
-      open: false
+      open: false,
+      showAddCustom: false,
+      customTag: ''
     };
     return _this;
   }
@@ -125,6 +145,33 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         basicFilter: basicFilter
       });
     }
+  }, {
+    key: "addCustom",
+    value: function addCustom() {
+      var customTag = this.state.customTag;
+
+      var newFilter = _objectSpread({}, this.props.filter);
+
+      if (!newFilter.shiftTagFilters.includes(customTag)) {
+        newFilter.shiftTagFilters.push(customTag);
+        this.props.updateFilter(newFilter);
+      }
+
+      this.setState({
+        showAddCustom: false
+      });
+    }
+  }, {
+    key: "handleKeyPress",
+    value: function handleKeyPress(e) {
+      var customTag = this.state.customTag;
+
+      if (e.which === 13) {
+        if (customTag.length > 0) {
+          this.addCustom();
+        }
+      }
+    }
   }, {
     key: "renderFilter",
     value: function renderFilter() {
@@ -181,6 +228,8 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         }
       }, tagInfo.tag), "(".concat(tagInfo.count, ")"));
     }
+    /* eslint-disable jsx-a11y/anchor-is-valid */
+
   }, {
     key: "render",
     value: function render() {
@@ -192,7 +241,23 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           hideAdvanced = _this$props.hideAdvanced,
           tags = _this$props.tags,
           customTitle = _this$props.customTitle;
-      var open = this.state.open;
+      var _this$state = this.state,
+          open = _this$state.open,
+          showAddCustom = _this$state.showAddCustom,
+          customTag = _this$state.customTag;
+
+      var adjustedTags = _toConsumableArray(tags);
+
+      filter.shiftTagFilters.forEach(function (x) {
+        if (!adjustedTags.find(function (tagInfo) {
+          return tagInfo.tag === x;
+        })) {
+          adjustedTags.push({
+            tag: x,
+            count: 0
+          });
+        }
+      });
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
         style: {
           display: 'flex',
@@ -283,12 +348,80 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         style: {
           padding: 10
         }
-      }, "Shifts", " (".concat(filter.shiftTagFilters.length, ")"), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          flexGrow: 1
+        }
+      }, "Shifts", " (".concat(filter.shiftTagFilters.length, ")")), /*#__PURE__*/_react.default.createElement(_Link.default, {
+        component: "button",
+        variant: "body2",
+        style: {
+          marginRight: 10
+        },
+        onClick: function onClick() {
+          return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+            shiftTagFilters: []
+          }));
+        }
+      }, intl.formatMessage({
+        id: '__clear'
+      })), /*#__PURE__*/_react.default.createElement(_Link.default, {
+        component: "button",
+        variant: "body2",
+        onClick: function onClick() {
+          return _this3.setState({
+            showAddCustom: true,
+            customTag: ''
+          });
+        }
+      }, intl.formatMessage({
+        id: '__add_custom'
+      }))), /*#__PURE__*/_react.default.createElement("div", {
         style: style.list,
         className: _scrollbarModule.default.scroll
-      }, tags.map(function (tagInfo) {
+      }, adjustedTags.map(function (tagInfo) {
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this3.renderTag(tagInfo));
-      })))));
+      })), showAddCustom && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+        open: true,
+        onClose: function onClose() {
+          return _this3.setState({
+            showAddCustom: false
+          });
+        }
+      }, /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+        variant: "outlined",
+        label: intl.formatMessage({
+          id: '__custom_tag'
+        }),
+        value: customTag,
+        margin: "normal",
+        fullWidth: true,
+        autoFocus: true,
+        InputLabelProps: {
+          shrink: true
+        },
+        onChange: function onChange(e) {
+          return _this3.setState({
+            customTag: e.target.value.replace(/[^a-z0-9_]/g, '')
+          });
+        },
+        onKeyPress: function onKeyPress(e) {
+          return _this3.handleKeyPress(e);
+        }
+      })), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        variant: "contained",
+        color: "primary",
+        disabled: customTag.length === 0,
+        onClick: function onClick() {
+          return _this3.addCustom();
+        }
+      }, intl.formatMessage({
+        id: '__add'
+      })))))));
     }
   }]);
 

package/dist/components/CoreTagFilter/CoreTagFilter.js

@@ -269,7 +269,9 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         maxWidth: "md",
         open: openDialog,
         onClose: function onClose() {
-          return _this2.handleMenu(false, '__close');
+          return _this2.setState({
+            openDialog: false
+          });
         },
         fullWidth: true
       }, /*#__PURE__*/_react.default.createElement(_TagFilterBuilder.default, {

package/dist/components/CoreTagFilter/TagFilterBuilder.js

@@ -13,13 +13,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+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 _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
 var _FilterList = _interopRequireDefault(require("@material-ui/icons/FilterList"));
 
@@ -33,6 +45,8 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -79,24 +93,60 @@ var style = {
   }
 };
 
+var consolidateTags = function consolidateTags(tagList) {
+  var newTagList = [];
+  tagList.forEach(function (tagInfo) {
+    var existing = newTagList.find(function (x) {
+      return 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) {
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
       search = _useState2[0],
       setSearch = _useState2[1];
 
-  var tags = props.tags,
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showAddCustom = _useState4[0],
+      setShowAddCustom = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      customTypeOptions = _useState6[0],
+      setCustomTypeOptions = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      customType = _useState8[0],
+      setCustomType = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      customTag = _useState10[0],
+      setCustomTag = _useState10[1];
+
+  var intl = props.intl,
+      tags = props.tags,
       filter = props.filter,
       updateFilter = props.updateFilter,
       hideModuleTagFilters = props.hideModuleTagFilters,
       hideModuleLocationFilters = props.hideModuleLocationFilters,
       hideMonitoringPointTagFilters = props.hideMonitoringPointTagFilters,
       hideMonitoringPointTypeFilters = props.hideMonitoringPointTypeFilters;
-  /* return (
-  <div>
-  Hello
-  </div>
-  ); */
 
   var updateSearch = function updateSearch(value) {
     if (value.length > 0) {
@@ -185,24 +235,130 @@ function TagFilterBuilder(props) {
     }, tagInfo.tag), "(".concat(tagInfo.count, ")"));
   };
 
+  var showCustom = function showCustom(which) {
+    var 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);
+  };
+
+  var addCustomTag = function addCustomTag() {
+    var newFilter = _objectSpread({}, filter);
+
+    if (!newFilter[customType].includes(customTag)) {
+      newFilter[customType].push(customTag);
+      updateFilter(newFilter);
+    }
+
+    setShowAddCustom(false);
+  };
+
+  var handleKeyPress = function handleKeyPress(e) {
+    if (e.which === 13) {
+      if (customTag.length > 0) {
+        addCustomTag();
+      }
+    }
+  };
+
   var showModules = !hideModuleTagFilters || !hideModuleLocationFilters;
   var showMonitoringPoints = !hideMonitoringPointTagFilters || !hideMonitoringPointTypeFilters;
   var columns = 0;
   if (showModules) columns++;
-  if (showMonitoringPoints) columns++; // Filter or not
+  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];
+
+  var adjustedModuleTags = consolidateTags(tags.moduleTags);
+  filter.moduleTagFilters.forEach(function (x) {
+    if (!adjustedModuleTags.find(function (tagInfo) {
+      return tagInfo.tag === x;
+    })) {
+      adjustedModuleTags.push({
+        tag: x,
+        count: 0
+      });
+    }
+  }); // const adjustedLocationTags = [...tags.locationTags];
+
+  var adjustedLocationTags = consolidateTags(tags.locationTags);
+  filter.moduleLocationFilters.forEach(function (x) {
+    if (!adjustedLocationTags.find(function (tagInfo) {
+      return tagInfo.tag === x;
+    })) {
+      adjustedLocationTags.push({
+        tag: x,
+        count: 0
+      });
+    }
+  }); // const adjustedMonitoringPointTags = [...tags.monitoringPointTags];
+
+  var adjustedMonitoringPointTags = consolidateTags(tags.monitoringPointTags);
+  filter.monitoringPointTagFilters.forEach(function (x) {
+    if (!adjustedMonitoringPointTags.find(function (tagInfo) {
+      return tagInfo.tag === x;
+    })) {
+      adjustedMonitoringPointTags.push({
+        tag: x,
+        count: 0
+      });
+    }
+  }); // const adjustedMonitoringPointTypes = [...tags.typeTags];
+
+  var adjustedMonitoringPointTypes = consolidateTags(tags.typeTags);
+  filter.monitoringPointTypeFilters.forEach(function (x) {
+    if (!adjustedMonitoringPointTypes.find(function (tagInfo) {
+      return 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];
 
-  var filteredModuleTags = search.length > 0 ? tags.moduleTags.filter(function (x) {
+  var filteredModuleTags = search.length > 0 ? adjustedModuleTags.filter(function (x) {
     return x.tag.includes(search);
-  }) : _toConsumableArray(tags.moduleTags);
-  var filteredLocationTags = search.length > 0 ? tags.locationTags.filter(function (x) {
+  }) : _toConsumableArray(adjustedModuleTags);
+  var filteredLocationTags = search.length > 0 ? adjustedLocationTags.filter(function (x) {
     return x.tag.includes(search);
-  }) : _toConsumableArray(tags.locationTags);
-  var filteredMonitoringPointTags = search.length > 0 ? tags.monitoringPointTags.filter(function (x) {
+  }) : _toConsumableArray(adjustedLocationTags);
+  var filteredMonitoringPointTags = search.length > 0 ? adjustedMonitoringPointTags.filter(function (x) {
     return x.tag.includes(search);
-  }) : _toConsumableArray(tags.monitoringPointTags);
-  var filteredTypeTags = search.length > 0 ? tags.typeTags.filter(function (x) {
+  }) : _toConsumableArray(adjustedMonitoringPointTags);
+  var filteredTypeTags = search.length > 0 ? adjustedMonitoringPointTypes.filter(function (x) {
     return x.tag.includes(search);
-  }) : _toConsumableArray(tags.typeTags); // Sort by highest quantities of tags
+  }) : _toConsumableArray(adjustedMonitoringPointTypes); // const filteredModuleTags = adjustedModuleTags;
+  // const filteredLocationTags = adjustedLocationTags;
+  // const filteredMonitoringPointTags = adjustedMonitoringPointTags;
+  // const filteredTypeTags = adjustedMonitoringPointTypes;
+  // Sort by highest quantities of tags
 
   filteredModuleTags.sort(function (a, b) {
     return b.count - a.count;
@@ -216,7 +372,9 @@ function TagFilterBuilder(props) {
   filteredTypeTags.sort(function (a, b) {
     return b.count - a.count;
   });
-  return /*#__PURE__*/_react.default.createElement(_Grid.default, {
+  /* 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,
@@ -254,7 +412,37 @@ function TagFilterBuilder(props) {
     style: {
       padding: 10
     }
-  }, "Modules", " (".concat((filter.moduleTagFilters.length + filter.moduleLocationFilters.length).toString(), ")"), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__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: function onClick() {
+      return updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        moduleTagFilters: [],
+        moduleLocationFilters: []
+      }));
+    }
+  }, intl.formatMessage({
+    id: '__clear'
+  })), /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body2",
+    onClick: function onClick() {
+      return showCustom('module');
+    }
+  }, intl.formatMessage({
+    id: '__add_custom'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     style: style.list,
     className: _scrollbarModule.default.scroll
   }, !hideModuleTagFilters && filteredModuleTags.map(function (moduleTag) {
@@ -267,7 +455,37 @@ function TagFilterBuilder(props) {
     style: {
       padding: 10
     }
-  }, "Monitoring Points", " (".concat((filter.monitoringPointTagFilters.length + filter.monitoringPointTypeFilters.length).toString(), ")"), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__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: function onClick() {
+      return updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        monitoringPointTagFilters: [],
+        monitoringPointTypeFilters: []
+      }));
+    }
+  }, intl.formatMessage({
+    id: '__clear'
+  })), /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body2",
+    onClick: function onClick() {
+      return showCustom('monitoringPoint');
+    }
+  }, intl.formatMessage({
+    id: '__add_custom'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     style: style.list,
     className: _scrollbarModule.default.scroll
   }, !hideMonitoringPointTagFilters && filteredMonitoringPointTags.map(function (mpTag) {
@@ -281,10 +499,103 @@ function TagFilterBuilder(props) {
       padding: 20,
       textAlign: 'center'
     }
-  }, "All types of tags have been hidden.  Unhide some tags to be able to use the builder."));
+  }, "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: function onClose() {
+      return 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: function onChange(e) {
+      return setCustomType(e.target.value);
+    },
+    fullWidth: true,
+    select: true
+  }, customTypeOptions.map(function (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: function onKeyPress(e) {
+      return handleKeyPress(e);
+    },
+    InputLabelProps: {
+      shrink: true
+    },
+    value: customTag,
+    onChange: function onChange(e) {
+      return 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: function onClick() {
+      return 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,
@@ -294,5 +605,7 @@ TagFilterBuilder.propTypes = {
   hideMonitoringPointTagFilters: _propTypes.default.bool.isRequired,
   hideMonitoringPointTypeFilters: _propTypes.default.bool.isRequired
 };
-var _default = TagFilterBuilder;
+
+var _default = (0, _reactIntl.injectIntl)(TagFilterBuilder);
+
 exports.default = _default;

package/dist/components/CoreTranslate/translations/en.json

@@ -7,6 +7,7 @@
   "__add_action": "Add Action",
   "__add_column": "Add Column",
   "__add_condition": "Add Condition",
+  "__add_custom": "Add Custom",
   "__add_module_filter": "Add Module Filter",
   "__add_monitoring_points_filter": "Add Monitoring Points Filter",
   "__add_row": "Add Row",
@@ -79,6 +80,7 @@
   "__current_shift": "Current Shift",
   "__current_week": "Current Week",
   "__custom": "Custom",
+  "__custom_tag": "Custom Tag",
   "__dashboard": "Dashboard",
   "__dashboard_styles": "Dashboard Styles",
   "__dashboards": "Dashboards",

package/package.json

@@ -2,10 +2,10 @@
   "versacall": {
     "title": "Versacall Core Library React",
     "applicationType": "react-library",
-    "build": 43
+    "build": 45
   },
   "name": "versacall-core-library-react",
-  "version": "2.0.43",
+  "version": "2.0.45",
   "description": "Versacall Core Library",
   "main": "dist/index.js",
   "module": "dist/index.js",