versacall-core-library-react 2.0.70 → 2.0.71

package/dist/components/CoreShiftTagFilter/CoreShiftTagFilter.js

@@ -0,0 +1,350 @@
+"use strict";
+
+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(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 */
+
+const style = {
+  list: {
+    maxHeight: 360,
+    overflowY: 'auto'
+  }
+};
+class CoreShiftTagFilter extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
+      open: false,
+      showAddCustom: false,
+      customTag: ''
+    };
+  }
+  updateFilter(value) {
+    if (this.props.updateFilter) {
+      this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), value));
+    }
+  }
+  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);
+    }
+    let basicFilter = shiftTagFilters.join(' OR ');
+    if (shiftTagFilters.length > 1) {
+      basicFilter = "(".concat(basicFilter, ")");
+    }
+    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);
+    }
+    this.setState({
+      showAddCustom: false
+    });
+  }
+  handleKeyPress(e) {
+    const {
+      customTag
+    } = this.state;
+    if (e.which === 13) {
+      if (customTag.length > 0) {
+        this.addCustom();
+      }
+    }
+  }
+  checkIfExists(tag) {
+    const {
+      tags
+    } = this.props;
+    if (tags) {
+      if (tags.some(x => x.tag === tag)) {
+        return true;
+      }
+    }
+    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'
+    })))));
+  }
+
+  /* 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, ")"));
+  }
+
+  /* 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(_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
+        }
+      }),
+      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,
+  intl: _propTypes.default.shape().isRequired,
+  filter: _propTypes.default.shape().isRequired,
+  updateFilter: _propTypes.default.func.isRequired,
+  tags: _propTypes.default.arrayOf(_propTypes.default.shape()),
+  customTitle: _propTypes.default.node
+};
+CoreShiftTagFilter.defaultProps = {
+  tags: [],
+  hideAdvanced: false,
+  disabled: false,
+  customTitle: null
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(CoreShiftTagFilter);

package/dist/components/CoreShiftTagFilter/OldCoreShiftTagFilter.js

@@ -0,0 +1,208 @@
+"use strict";
+
+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 _DeleteSweep = _interopRequireDefault(require("@material-ui/icons/DeleteSweep"));
+var _CardContent = _interopRequireDefault(require("@material-ui/core/CardContent"));
+var _Schedule = _interopRequireDefault(require("@material-ui/icons/Schedule"));
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));
+var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
+var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _CoreDialogueToolBar = _interopRequireDefault(require("../CoreDialogueToolBar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+class OldCoreShiftTagFilter extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
+      open: false
+    };
+  }
+  updateFilter(value) {
+    if (this.props.updateFilter) {
+      this.props.updateFilter(_objectSpread(_objectSpread({}, this.props.filter), value));
+    }
+  }
+  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);
+    }
+    let basicFilter = shiftTagFilters.join(' OR ');
+    if (shiftTagFilters.length > 1) {
+      basicFilter = "(".concat(basicFilter, ")");
+    }
+    this.updateFilter({
+      shiftTagFilters: shiftTagFilters,
+      basicFilter: basicFilter
+    });
+  }
+  render() {
+    const {
+      intl,
+      filter,
+      hideAdvanced,
+      tags
+    } = this.props;
+    const {
+      open
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      spacing: 16,
+      container: true
+    }, !hideAdvanced && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      align: "center",
+      xs: 8,
+      item: true
+    }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      align: "center",
+      xs: 4,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      labelPlacement: "bottom",
+      label: intl.formatMessage({
+        id: '__advanced'
+      }),
+      control: /*#__PURE__*/_react.default.createElement(_Switch.default, {
+        checked: filter.isAdvanced,
+        onChange: event => this.updateFilter({
+          isAdvanced: event.target.checked
+        })
+      })
+    }))), filter.isAdvanced ? /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 12,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      variant: "outlined",
+      value: filter.advancedFilter,
+      label: intl.formatMessage({
+        id: '__filter'
+      }),
+      onChange: event => this.updateFilter({
+        advancedFilter: event.target.value
+      }),
+      fullWidth: true,
+      multiline: true
+    })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 12,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_Card.default, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "h6",
+      style: {
+        float: 'left'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__shifts"
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        float: 'right'
+      }
+    }, filter.shiftTagFilters.length > 0 && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: intl.formatMessage({
+        id: '__empty_filter'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: event => this.updateFilter({
+        shiftTagFilters: [],
+        basicFilter: ''
+      })
+    }, /*#__PURE__*/_react.default.createElement(_DeleteSweep.default, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: intl.formatMessage({
+        id: '__add_shift_filter'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      onClick: event => this.setState({
+        open: true
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Add.default, null)))), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), filter.shiftTagFilters.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'auto',
+        maxHeight: '160px'
+      }
+    }, filter.shiftTagFilters.map((shift, index) => /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      label: shift,
+      key: String(index),
+      onDelete: () => this.updateFilters(shift),
+      style: {
+        margin: '6px 0',
+        justifyContent: 'space-between',
+        backgroundColor: 'darkorange',
+        color: 'white'
+      },
+      icon: /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+        style: {
+          margin: 0
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Schedule.default, null))
+    })))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+      xs: 12,
+      item: true
+    }, /*#__PURE__*/_react.default.createElement(_Card.default, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, "".concat(intl.formatMessage({
+      id: '__filter'
+    }), ": ").concat(filter.basicFilter)))))), open && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+      maxWidth: "xs",
+      onClose: () => this.setState({
+        open: false
+      }),
+      fullWidth: true,
+      open: true
+    }, /*#__PURE__*/_react.default.createElement(_CoreDialogueToolBar.default, {
+      title: intl.formatMessage({
+        id: '__add_shift_filter'
+      }),
+      handleClose: () => this.setState({
+        open: false
+      })
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'auto',
+        maxHeight: '160px'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_List.default, {
+      component: "nav"
+    }, tags.map((tag, index) => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      key: String(index),
+      onClick: () => this.updateFilters(tag.tag),
+      selected: filter.shiftTagFilters.includes(tag.tag)
+    }, "".concat(tag.tag, " (").concat(tag.count, ")")))))));
+  }
+}
+OldCoreShiftTagFilter.propTypes = {
+  hideAdvanced: _propTypes.default.bool,
+  intl: _propTypes.default.shape().isRequired,
+  filter: _propTypes.default.shape().isRequired,
+  updateFilter: _propTypes.default.func.isRequired,
+  tags: _propTypes.default.arrayOf(_propTypes.default.shape())
+};
+OldCoreShiftTagFilter.defaultProps = {
+  tags: [],
+  hideAdvanced: false
+};
+var _default = exports.default = (0, _reactIntl.injectIntl)(OldCoreShiftTagFilter);

package/dist/components/CoreShiftTagFilter/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CoreShiftTagFilter.default;
+  }
+});
+var _CoreShiftTagFilter = _interopRequireDefault(require("./CoreShiftTagFilter"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }