versacall-core-library-react 2.0.65 → 2.0.67

package/dist/components/CoreShiftTagFilter/CoreShiftTagFilter.js

@@ -1,455 +1,338 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
 var _reactIntl = require("react-intl");
-
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-
 var _Schedule = _interopRequireDefault(require("@material-ui/icons/Schedule"));
-
 var _FilterList = _interopRequireDefault(require("@material-ui/icons/FilterList"));
-
 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"));
-
 var _CoreToolbar = _interopRequireDefault(require("../CoreToolbar"));
-
 var _scrollbarModule = _interopRequireDefault(require("../../css/scrollbar.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // import RefreshIcon from '@material-ui/icons/DeleteSweep';
+// import CardContent from '@material-ui/core/CardContent';
+// import IconButton from '@material-ui/core/IconButton';
+// import ListItem from '@material-ui/core/ListItem';
+// import Tooltip from '@material-ui/core/Tooltip';
+// import Avatar from '@material-ui/core/Avatar';
+// import AddIcon from '@material-ui/icons/Add';
+// import List from '@material-ui/core/List';
+// import Card from '@material-ui/core/Card';
+// import Grid from '@material-ui/core/Grid';
 /* eslint-disable no-nested-ternary */
-var style = {
+
+const style = {
   list: {
     maxHeight: 360,
     overflowY: 'auto'
   }
 };
-
-var CoreShiftTagFilter = /*#__PURE__*/function (_Component) {
-  _inherits(CoreShiftTagFilter, _Component);
-
-  var _super = _createSuper(CoreShiftTagFilter);
-
-  function CoreShiftTagFilter() {
-    var _this;
-
-    _classCallCheck(this, CoreShiftTagFilter);
-
-    _this = _super.call(this);
-    _this.state = {
+class CoreShiftTagFilter extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
       open: false,
       showAddCustom: false,
       customTag: ''
     };
-    return _this;
   }
-
-  _createClass(CoreShiftTagFilter, [{
-    key: "updateFilter",
-    value: function updateFilter(value) {
-      if (this.props.updateFilter) {
-        this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), value));
-      }
+  updateFilter(value) {
+    if (this.props.updateFilter) {
+      this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), value));
     }
-  }, {
-    key: "updateFilters",
-    value: function updateFilters(tag) {
-      var shiftTagFilters = JSON.parse(JSON.stringify(this.props.filter.shiftTagFilters));
-
-      if (shiftTagFilters.includes(tag)) {
-        shiftTagFilters = shiftTagFilters.filter(function (shiftTag) {
-          return shiftTag !== tag;
-        });
-      } else {
-        shiftTagFilters.push(tag);
-      }
-
-      var basicFilter = shiftTagFilters.join(' OR ');
-
-      if (shiftTagFilters.length > 1) {
-        basicFilter = "(".concat(basicFilter, ")");
-      }
-
-      this.updateFilter({
-        shiftTagFilters: shiftTagFilters,
-        basicFilter: basicFilter
-      });
+  }
+  updateFilters(tag) {
+    let shiftTagFilters = JSON.parse(JSON.stringify(this.props.filter.shiftTagFilters));
+    if (shiftTagFilters.includes(tag)) {
+      shiftTagFilters = shiftTagFilters.filter(shiftTag => shiftTag !== tag);
+    } else {
+      shiftTagFilters.push(tag);
     }
-  }, {
-    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
-      });
+    let basicFilter = shiftTagFilters.join(' OR ');
+    if (shiftTagFilters.length > 1) {
+      basicFilter = "(".concat(basicFilter, ")");
     }
-  }, {
-    key: "handleKeyPress",
-    value: function handleKeyPress(e) {
-      var customTag = this.state.customTag;
-
-      if (e.which === 13) {
-        if (customTag.length > 0) {
-          this.addCustom();
-        }
-      }
+    this.updateFilter({
+      shiftTagFilters: shiftTagFilters,
+      basicFilter: basicFilter
+    });
+  }
+  addCustom() {
+    const {
+      customTag
+    } = this.state;
+    const newFilter = _objectSpread({}, this.props.filter);
+    if (!newFilter.shiftTagFilters.includes(customTag)) {
+      newFilter.shiftTagFilters.push(customTag);
+      this.props.updateFilter(newFilter);
     }
-  }, {
-    key: "checkIfExists",
-    value: function checkIfExists(tag) {
-      var tags = this.props.tags;
-
-      if (tags) {
-        if (tags.some(function (x) {
-          return x.tag === tag;
-        })) {
-          return true;
-        }
+    this.setState({
+      showAddCustom: false
+    });
+  }
+  handleKeyPress(e) {
+    const {
+      customTag
+    } = this.state;
+    if (e.which === 13) {
+      if (customTag.length > 0) {
+        this.addCustom();
       }
-
-      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) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          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,
-          color: _this2.checkIfExists(tag) ? 'default' : 'secondary'
-        }));
-      })));
-    }
-    /* selectItem(tag) {
-    const newFilter = { ...this.props.filter };
-    newFilter.shiftTagFilters.push(tag);
-    this.updateFilter(newFilter);
-    };
-      const deselectItem = (filterListName, tag) => {
-    const newFilter = { ...filter };
-    const index = newFilter[filterListName].indexOf(tag);
-    if (index !== -1) {
-    newFilter[filterListName].splice(index, 1);
-    updateFilter(newFilter);
-    }
-    }; */
-
-  }, {
-    key: "renderTag",
-    value: function renderTag(tagInfo) {
-      var _this3 = this;
-
-      var isSelected = this.props.filter.shiftTagFilters.includes(tagInfo.tag);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: tagInfo.tag,
-        style: {
-          margin: 5,
-          padding: 5,
-          backgroundColor: isSelected ? '#55b7dc' : '#ffffff',
-          border: '1px solid black',
-          display: 'flex',
-          alignItems: 'center',
-          cursor: 'pointer'
-        },
-        onClick: function onClick() {
-          return _this3.updateFilters(tagInfo.tag);
-        },
-        "aria-hidden": "true"
-      }, /*#__PURE__*/_react.default.createElement(_Schedule.default, null), /*#__PURE__*/_react.default.createElement("span", {
-        style: {
-          marginLeft: 10,
-          flexGrow: 1
-        }
-      }, tagInfo.tag), "(".concat(tagInfo.count, ")"));
+  }
+  checkIfExists(tag) {
+    const {
+      tags
+    } = this.props;
+    if (tags) {
+      if (tags.some(x => x.tag === tag)) {
+        return true;
+      }
     }
-    /* eslint-disable jsx-a11y/anchor-is-valid */
-
-  }, {
-    key: "render",
-    value: function render() {
-      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,
-          open = _this$state.open,
-          showAddCustom = _this$state.showAddCustom,
-          customTag = _this$state.customTag;
+    return false;
+  }
+  renderFilter() {
+    const {
+      filter
+    } = this.props;
+    const {
+      shiftTagFilters
+    } = filter;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, shiftTagFilters.map((tag, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      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,
+      color: this.checkIfExists(tag) ? 'default' : 'secondary'
+    })))));
+  }
 
-      var adjustedTags = _toConsumableArray(tags);
+  /* selectItem(tag) {
+  const newFilter = { ...this.props.filter };
+  newFilter.shiftTagFilters.push(tag);
+  this.updateFilter(newFilter);
+  };
+    const deselectItem = (filterListName, tag) => {
+  const newFilter = { ...filter };
+  const index = newFilter[filterListName].indexOf(tag);
+  if (index !== -1) {
+  newFilter[filterListName].splice(index, 1);
+  updateFilter(newFilter);
+  }
+  }; */
+
+  renderTag(tagInfo) {
+    const isSelected = this.props.filter.shiftTagFilters.includes(tagInfo.tag);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: tagInfo.tag,
+      style: {
+        margin: 5,
+        padding: 5,
+        backgroundColor: isSelected ? '#55b7dc' : '#ffffff',
+        border: '1px solid black',
+        display: 'flex',
+        alignItems: 'center',
+        cursor: 'pointer'
+      },
+      onClick: () => this.updateFilters(tagInfo.tag),
+      "aria-hidden": "true"
+    }, /*#__PURE__*/_react.default.createElement(_Schedule.default, null), /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        marginLeft: 10,
+        flexGrow: 1
+      }
+    }, tagInfo.tag), "(".concat(tagInfo.count, ")"));
+  }
 
-      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',
-          alignItems: 'center'
-        }
-      }, customTitle !== null ? customTitle : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        variant: "h6",
-        style: {
-          flexGrow: 1
-        }
-      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__shift_filter"
-      })), !filter.isAdvanced && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        variant: "outlined",
-        color: "secondary",
-        disabled: disabled,
-        onClick: function onClick() {
-          return _this4.setState({
-            open: true
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Edit.default, null), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__edit"
-      })), !hideAdvanced && /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
-        style: {
-          marginLeft: 10
-        },
-        label: intl.formatMessage({
-          id: '__advanced'
-        }),
-        control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
-          checked: filter.isAdvanced,
-          disabled: disabled,
-          onChange: function onChange(event) {
-            return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
-              isAdvanced: event.target.checked
-            }));
-          }
-        })
-      })), filter.isAdvanced ? /*#__PURE__*/_react.default.createElement(_TextField.default, {
-        variant: "outlined",
-        label: intl.formatMessage({
-          id: '__filter'
-        }),
-        value: filter.advancedFilter,
-        onChange: function onChange(event) {
-          return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
-            advancedFilter: event.target.value
-          }));
-        },
-        InputLabelProps: {
-          shrink: true
-        },
-        placeholder: "Type in the filter here... (ex: first OR second)",
-        margin: "normal",
-        fullWidth: true,
-        multiline: true,
-        disabled: disabled
-      }) : filter.basicFilter.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          margin: 5
-        }
-      }, this.renderFilter()) : /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          margin: 5
-        }
-      }, /*#__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 _this4.setState({
-            open: false
-          });
-        },
-        fullWidth: true,
+  /* eslint-disable jsx-a11y/anchor-is-valid */
+  render() {
+    const {
+      intl,
+      filter,
+      hideAdvanced,
+      disabled,
+      tags,
+      customTitle
+    } = this.props;
+    const {
+      open,
+      showAddCustom,
+      customTag
+    } = this.state;
+    const adjustedTags = [...tags];
+    filter.shiftTagFilters.forEach(x => {
+      if (!adjustedTags.find(tagInfo => tagInfo.tag === x)) {
+        adjustedTags.push({
+          tag: x,
+          count: 0
+        });
+      }
+    });
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, customTitle !== null ? customTitle : /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      style: {
+        flexGrow: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__shift_filter"
+    })), !filter.isAdvanced && /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "outlined",
+      color: "secondary",
+      disabled: disabled,
+      onClick: () => this.setState({
         open: true
-      }, /*#__PURE__*/_react.default.createElement(_CoreToolbar.default, {
-        icon: /*#__PURE__*/_react.default.createElement(_FilterList.default, {
-          style: {
-            marginRight: 10
-          }
-        }),
-        title: intl.formatMessage({
-          id: '__shift_filter_builder'
-        }),
-        handleClose: function handleClose() {
-          return _this4.setState({
-            open: false
-          });
-        }
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          padding: 10
-        }
-      }, /*#__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",
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Edit.default, null), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__edit"
+    })), !hideAdvanced && /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      style: {
+        marginLeft: 10
+      },
+      label: intl.formatMessage({
+        id: '__advanced'
+      }),
+      control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
+        checked: filter.isAdvanced,
+        disabled: disabled,
+        onChange: event => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+          isAdvanced: event.target.checked
+        }))
+      })
+    })), filter.isAdvanced ? /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      variant: "outlined",
+      label: intl.formatMessage({
+        id: '__filter'
+      }),
+      value: filter.advancedFilter,
+      onChange: event => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        advancedFilter: event.target.value
+      })),
+      InputLabelProps: {
+        shrink: true
+      },
+      placeholder: "Type in the filter here... (ex: first OR second)",
+      margin: "normal",
+      fullWidth: true,
+      multiline: true,
+      disabled: disabled
+    }) : filter.basicFilter.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: 5
+      }
+    }, this.renderFilter()) : /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement("i", null, "No filter set, will include all shifts")), open && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+      maxWidth: "xs",
+      onClose: () => this.setState({
+        open: false
+      }),
+      fullWidth: true,
+      open: true
+    }, /*#__PURE__*/_react.default.createElement(_CoreToolbar.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_FilterList.default, {
         style: {
           marginRight: 10
-        },
-        onClick: function onClick() {
-          return _this4.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
-            shiftTagFilters: []
-          }));
-        }
-      }, intl.formatMessage({
-        id: '__clear'
-      })), /*#__PURE__*/_react.default.createElement(_Link.default, {
-        component: "button",
-        variant: "body2",
-        onClick: function onClick() {
-          return _this4.setState({
-            showAddCustom: true,
-            customTag: ''
-          });
-        }
-      }, intl.formatMessage({
-        id: '__add_custom'
-      }))), /*#__PURE__*/_react.default.createElement("div", {
-        style: style.list,
-        className: _scrollbarModule.default.scroll
-      }, adjustedTags.map(function (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 _this4.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 _this4.setState({
-            customTag: e.target.value.replace(/[^a-z0-9_]/g, '')
-          });
-        },
-        onKeyPress: function onKeyPress(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 _this4.addCustom();
-        }
-      }, intl.formatMessage({
-        id: '__add'
-      })))))));
-    }
-  }]);
-
-  return CoreShiftTagFilter;
-}(_react.Component);
-
+      }),
+      title: intl.formatMessage({
+        id: '__shift_filter_builder'
+      }),
+      handleClose: () => this.setState({
+        open: false
+      })
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        padding: 10
+      }
+    }, /*#__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: () => this.props.updateFilter(_objectSpread(_objectSpread({}, filter), {}, {
+        shiftTagFilters: []
+      }))
+    }, intl.formatMessage({
+      id: '__clear'
+    })), /*#__PURE__*/_react.default.createElement(_Link.default, {
+      component: "button",
+      variant: "body2",
+      onClick: () => this.setState({
+        showAddCustom: true,
+        customTag: ''
+      })
+    }, intl.formatMessage({
+      id: '__add_custom'
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      style: style.list,
+      className: _scrollbarModule.default.scroll
+    }, adjustedTags.map(tagInfo => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderTag(tagInfo)))), showAddCustom && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+      open: true,
+      onClose: () => this.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: e => this.setState({
+        customTag: e.target.value.replace(/[^a-z0-9_]/g, '')
+      }),
+      onKeyPress: e => this.handleKeyPress(e)
+    })), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "contained",
+      color: "primary",
+      disabled: customTag.length === 0,
+      onClick: () => this.addCustom()
+    }, intl.formatMessage({
+      id: '__add'
+    })))))));
+  }
+}
 CoreShiftTagFilter.propTypes = {
   hideAdvanced: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
@@ -465,7 +348,4 @@ CoreShiftTagFilter.defaultProps = {
   disabled: false,
   customTitle: null
 };
-
-var _default = (0, _reactIntl.injectIntl)(CoreShiftTagFilter);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactIntl.injectIntl)(CoreShiftTagFilter);