versacall-core-library-react 2.0.59 → 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/package.json

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