versacall-core-library-react 2.0.59 → 2.0.61

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,12 +251,13 @@ 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,
           filter = _this$props.filter,
           hideAdvanced = _this$props.hideAdvanced,
+          disabled = _this$props.disabled,
           tags = _this$props.tags,
           customTitle = _this$props.customTitle;
       var _this$state = this.state,
@@ -273,8 +292,9 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
       })), !filter.isAdvanced && /*#__PURE__*/_react.default.createElement(_Button.default, {
         variant: "outlined",
         color: "secondary",
+        disabled: disabled,
         onClick: function onClick() {
-          return _this3.setState({
+          return _this4.setState({
             open: true
           });
         }
@@ -289,8 +309,9 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         }),
         control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
           checked: filter.isAdvanced,
+          disabled: disabled,
           onChange: function onChange(event) {
-            return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+            return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
               isAdvanced: event.target.checked
             }));
           }
@@ -302,7 +323,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
           }));
         },
@@ -312,7 +333,8 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         placeholder: "Type in the filter here... (ex: first OR second)",
         margin: "normal",
         fullWidth: true,
-        multiline: true
+        multiline: true,
+        disabled: disabled
       }) : filter.basicFilter.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
         style: {
           margin: 5
@@ -324,7 +346,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 +362,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
           id: '__shift_filter_builder'
         }),
         handleClose: function handleClose() {
-          return _this3.setState({
+          return _this4.setState({
             open: false
           });
         }
@@ -363,7 +385,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 +395,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
         component: "button",
         variant: "body2",
         onClick: function onClick() {
-          return _this3.setState({
+          return _this4.setState({
             showAddCustom: true,
             customTag: ''
           });
@@ -384,11 +406,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 +427,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'
@@ -430,6 +452,7 @@ var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
 
 CoreShiftTagFilter.propTypes = {
   hideAdvanced: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
   intl: _propTypes.default.shape().isRequired,
   filter: _propTypes.default.shape().isRequired,
   updateFilter: _propTypes.default.func.isRequired,
@@ -439,6 +462,7 @@ CoreShiftTagFilter.propTypes = {
 CoreShiftTagFilter.defaultProps = {
   tags: [],
   hideAdvanced: false,
+  disabled: false,
   customTitle: null
 };
 

package/dist/components/CoreTagFilter/CoreTagFilter.js

@@ -221,6 +221,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
           hideMonitoringPointTagFilters = _this$props.hideMonitoringPointTagFilters,
           hideMonitoringPointTypeFilters = _this$props.hideMonitoringPointTypeFilters,
           hideAdvanced = _this$props.hideAdvanced,
+          disabled = _this$props.disabled,
           customTitle = _this$props.customTitle;
       var openDialog = this.state.openDialog;
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
@@ -236,6 +237,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
       }, "Tag Filter"), !filter.isAdvanced && /*#__PURE__*/_react.default.createElement(_Button.default, {
         variant: "outlined",
         color: "secondary",
+        disabled: disabled,
         onClick: function onClick() {
           return _this3.setState({
             openDialog: true
@@ -256,6 +258,7 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         }),
         control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
           checked: filter.isAdvanced,
+          disabled: disabled,
           onChange: function onChange(event) {
             return _this3.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
               isAdvanced: event.target.checked
@@ -279,7 +282,8 @@ var CoreTagFilter = /*#__PURE__*/function (_Component) {
         placeholder: "Type in the filter here... (ex: location_station_1 AND maintenance)",
         margin: "normal",
         fullWidth: true,
-        multiline: true
+        multiline: true,
+        disabled: disabled
       }) : filter.basicFilter.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
         style: {
           margin: 5
@@ -329,6 +333,7 @@ CoreTagFilter.propTypes = {
   hideModuleLocationFilters: _propTypes.default.bool,
   hideMonitoringPointTagFilters: _propTypes.default.bool,
   hideMonitoringPointTypeFilters: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
   // mandatoryTags: PropTypes.arrayOf(PropTypes.string),
   customTitle: _propTypes.default.node
 };
@@ -340,6 +345,7 @@ CoreTagFilter.defaultProps = {
   hideModuleLocationFilters: false,
   hideMonitoringPointTagFilters: false,
   hideMonitoringPointTypeFilters: false,
+  disabled: false,
   customTitle: null
 };
 

package/package.json

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