versacall-core-library-react 2.0.58 → 2.0.60

package/dist/components/CoreShiftTagFilter/CoreShiftTagFilter.js

@@ -172,9 +172,26 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         }
       }
     }
+  }, {
+    key: "checkIfExists",
+    value: function checkIfExists(tag) {
+      var tags = this.props.tags;
+
+      if (tags) {
+        if (tags.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 shiftTagFilters = filter.shiftTagFilters;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, shiftTagFilters.map(function (tag, index) {
@@ -182,7 +199,8 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           key: tag
         }, index !== 0 && /*#__PURE__*/_react.default.createElement("span", null, "\xA0OR\xA0"), /*#__PURE__*/_react.default.createElement(_Chip.default, {
           icon: /*#__PURE__*/_react.default.createElement(_Schedule.default, null),
-          label: tag
+          label: tag,
+          color: _this2.checkIfExists(tag) ? 'default' : 'secondary'
         }));
       })));
     }
@@ -203,7 +221,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTag",
     value: function renderTag(tagInfo) {
-      var _this2 = this;
+      var _this3 = this;
 
       var isSelected = this.props.filter.shiftTagFilters.includes(tagInfo.tag);
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -218,7 +236,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           cursor: 'pointer'
         },
         onClick: function onClick() {
-          return _this2.updateFilters(tagInfo.tag);
+          return _this3.updateFilters(tagInfo.tag);
         },
         "aria-hidden": "true"
       }, /*#__PURE__*/_react.default.createElement(_Schedule.default, null), /*#__PURE__*/_react.default.createElement("span", {
@@ -233,7 +251,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this4 = this;
 
       var _this$props = this.props,
           intl = _this$props.intl,
@@ -274,7 +292,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         variant: "outlined",
         color: "secondary",
         onClick: function onClick() {
-          return _this3.setState({
+          return _this4.setState({
             open: true
           });
         }
@@ -290,7 +308,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
           checked: filter.isAdvanced,
           onChange: function onChange(event) {
-            return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+            return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
               isAdvanced: event.target.checked
             }));
           }
@@ -302,7 +320,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         }),
         value: filter.advancedFilter,
         onChange: function onChange(event) {
-          return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+          return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
             advancedFilter: event.target.value
           }));
         },
@@ -324,7 +342,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react.default.createElement("i", null, "No filter set, will include all shifts")), open && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
         maxWidth: "xs",
         onClose: function onClose() {
-          return _this3.setState({
+          return _this4.setState({
             open: false
           });
         },
@@ -340,7 +358,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           id: '__shift_filter_builder'
         }),
         handleClose: function handleClose() {
-          return _this3.setState({
+          return _this4.setState({
             open: false
           });
         }
@@ -363,7 +381,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           marginRight: 10
         },
         onClick: function onClick() {
-          return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+          return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
             shiftTagFilters: []
           }));
         }
@@ -373,7 +391,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         component: "button",
         variant: "body2",
         onClick: function onClick() {
-          return _this3.setState({
+          return _this4.setState({
             showAddCustom: true,
             customTag: ''
           });
@@ -384,11 +402,11 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         style: style.list,
         className: _scrollbarModule.default.scroll
       }, adjustedTags.map(function (tagInfo) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this3.renderTag(tagInfo));
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this4.renderTag(tagInfo));
       })), showAddCustom && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
         open: true,
         onClose: function onClose() {
-          return _this3.setState({
+          return _this4.setState({
             showAddCustom: false
           });
         }
@@ -405,19 +423,19 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           shrink: true
         },
         onChange: function onChange(e) {
-          return _this3.setState({
+          return _this4.setState({
             customTag: e.target.value.replace(/[^a-z0-9_]/g, '')
           });
         },
         onKeyPress: function onKeyPress(e) {
-          return _this3.handleKeyPress(e);
+          return _this4.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();
+          return _this4.addCustom();
         }
       }, intl.formatMessage({
         id: '__add'

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": 60
   },
   "name": "versacall-core-library-react",
-  "version": "2.0.58",
+  "version": "2.0.60",
   "description": "Versacall Core Library",
   "main": "dist/index.js",
   "module": "dist/index.js",