versacall-core-library-react 2.0.58 → 2.0.59

package/dist/components/CoreTagFilter/CoreTagFilter.js

@@ -81,6 +81,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+// import { TrendingUpOutlined } from '@material-ui/icons';
+
 /* eslint-disable no-nested-ternary */
 var CoreTagFilter = /*#__PURE__*/function (_Component) {
   _inherits(CoreTagFilter, _Component);
@@ -143,9 +145,26 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         })));
       }
     }
+  }, {
+    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;
+        }
+      }
+
+      return false;
+    }
   }, {
     key: "renderFilter",
     value: function renderFilter() {
+      var _this2 = this;
+
       var filter = this.props.filter;
       var moduleTagFilters = filter.moduleTagFilters,
           moduleLocationFilters = filter.moduleLocationFilters,
@@ -159,35 +178,39 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
           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
+          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
+          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
+          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
+          label: tag,
+          color: _this2.checkIfExists('typeTags', tag) ? 'default' : 'secondary'
         }));
       }), ")"));
     }
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
 
       var _this$props = this.props,
           intl = _this$props.intl,
@@ -214,7 +237,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         variant: "outlined",
         color: "secondary",
         onClick: function onClick() {
-          return _this2.setState({
+          return _this3.setState({
             openDialog: true
           });
         }
@@ -234,7 +257,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
           checked: filter.isAdvanced,
           onChange: function onChange(event) {
-            return _this2.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+            return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
               isAdvanced: event.target.checked
             }));
           }
@@ -246,7 +269,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         }),
         value: filter.advancedFilter,
         onChange: function onChange(event) {
-          return _this2.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+          return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
             advancedFilter: event.target.value
           }));
         },
@@ -269,7 +292,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         maxWidth: "md",
         open: openDialog,
         onClose: function onClose() {
-          return _this2.setState({
+          return _this3.setState({
             openDialog: false
           });
         },
@@ -278,10 +301,10 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         tags: tags,
         filter: filter,
         updateFilter: function updateFilter(change) {
-          return _this2.updateFilter(change);
+          return _this3.updateFilter(change);
         },
         close: function close() {
-          return _this2.setState({
+          return _this3.setState({
             openDialog: false
           });
         },

package/package.json

@@ -2,10 +2,10 @@
   "versacall": {
     "title": "Versacall Core Library React",
     "applicationType": "react-library",
-    "build": 58
+    "build": 59
   },
   "name": "versacall-core-library-react",
-  "version": "2.0.58",
+  "version": "2.0.59",
   "description": "Versacall Core Library",
   "main": "dist/index.js",
   "module": "dist/index.js",