tc-ui-toolkit/lib/GroupedMenu/FilteredMenu/MenuFilterIcon.js

React components used to develop tools for the desktop app translationCore

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styles = require("@material-ui/core/styles");

var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));

var _Funnel = _interopRequireDefault(require("../../icons/Funnel"));

var styles = function styles() {
  return {
    badge: {
      border: '2px solid #19579E',
      backgroundColor: '#933',
      color: '#ffffff',
      fontWeight: 'bold',
      fontSize: '13px',
      margin: 8,
      width: 20,
      height: 20
    },
    root: {
      padding: 5
    },
    rootOpen: {
      padding: 5,
      borderRadius: '50%',
      backgroundColor: '#fff'
    },
    colorPrimary: {
      color: '#fff'
    },
    colorPrimaryOpen: {
      color: '#933'
    }
  };
};
/**
 * A badged filter icon
 * @param {number} enabledFilterCount - the number of filters that have been selected
 */


var MenuFilterIcon = function MenuFilterIcon(_ref) {
  var enabledFilterCount = _ref.enabledFilterCount,
      open = _ref.open,
      classes = _ref.classes;
  var count = enabledFilterCount > 0 ? enabledFilterCount : 0;
  var rootClass = open ? classes.rootOpen : classes.root;
  return /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
    badgeContent: count,
    invisible: count <= 0,
    classes: {
      badge: classes.badge,
      root: rootClass
    }
  }, /*#__PURE__*/_react["default"].createElement(_Funnel["default"], {
    style: {
      color: open ? '#19579E' : '#ffffff'
    }
  }));
};

MenuFilterIcon.propTypes = {
  classes: _propTypes["default"].object.isRequired,
  open: _propTypes["default"].bool,
  enabledFilterCount: _propTypes["default"].number.isRequired
};
MenuFilterIcon.defaultProps = {
  open: false
};

var _default = (0, _styles.withStyles)(styles)(MenuFilterIcon);

exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Hcm91cGVkTWVudS9GaWx0ZXJlZE1lbnUvTWVudUZpbHRlckljb24uanMiXSwibmFtZXMiOlsic3R5bGVzIiwiYmFkZ2UiLCJib3JkZXIiLCJiYWNrZ3JvdW5kQ29sb3IiLCJjb2xvciIsImZvbnRXZWlnaHQiLCJmb250U2l6ZSIsIm1hcmdpbiIsIndpZHRoIiwiaGVpZ2h0Iiwicm9vdCIsInBhZGRpbmciLCJyb290T3BlbiIsImJvcmRlclJhZGl1cyIsImNvbG9yUHJpbWFyeSIsImNvbG9yUHJpbWFyeU9wZW4iLCJNZW51RmlsdGVySWNvbiIsImVuYWJsZWRGaWx0ZXJDb3VudCIsIm9wZW4iLCJjbGFzc2VzIiwiY291bnQiLCJyb290Q2xhc3MiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJpc1JlcXVpcmVkIiwiYm9vbCIsIm51bWJlciIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLFNBQVRBLE1BQVM7QUFBQSxTQUFPO0FBQ3BCQyxJQUFBQSxLQUFLLEVBQUU7QUFDTEMsTUFBQUEsTUFBTSxFQUFFLG1CQURIO0FBRUxDLE1BQUFBLGVBQWUsRUFBRSxNQUZaO0FBR0xDLE1BQUFBLEtBQUssRUFBRSxTQUhGO0FBSUxDLE1BQUFBLFVBQVUsRUFBRSxNQUpQO0FBS0xDLE1BQUFBLFFBQVEsRUFBRSxNQUxMO0FBTUxDLE1BQUFBLE1BQU0sRUFBRSxDQU5IO0FBT0xDLE1BQUFBLEtBQUssRUFBRSxFQVBGO0FBUUxDLE1BQUFBLE1BQU0sRUFBRTtBQVJILEtBRGE7QUFXcEJDLElBQUFBLElBQUksRUFBRTtBQUFFQyxNQUFBQSxPQUFPLEVBQUU7QUFBWCxLQVhjO0FBWXBCQyxJQUFBQSxRQUFRLEVBQUU7QUFDUkQsTUFBQUEsT0FBTyxFQUFFLENBREQ7QUFFUkUsTUFBQUEsWUFBWSxFQUFFLEtBRk47QUFHUlYsTUFBQUEsZUFBZSxFQUFFO0FBSFQsS0FaVTtBQWlCcEJXLElBQUFBLFlBQVksRUFBRTtBQUFFVixNQUFBQSxLQUFLLEVBQUU7QUFBVCxLQWpCTTtBQWtCcEJXLElBQUFBLGdCQUFnQixFQUFFO0FBQUVYLE1BQUFBLEtBQUssRUFBRTtBQUFUO0FBbEJFLEdBQVA7QUFBQSxDQUFmO0FBcUJBOzs7Ozs7QUFJQSxJQUFNWSxjQUFjLEdBQUcsU0FBakJBLGNBQWlCLE9BRWpCO0FBQUEsTUFESkMsa0JBQ0ksUUFESkEsa0JBQ0k7QUFBQSxNQURnQkMsSUFDaEIsUUFEZ0JBLElBQ2hCO0FBQUEsTUFEc0JDLE9BQ3RCLFFBRHNCQSxPQUN0QjtBQUNKLE1BQU1DLEtBQUssR0FBR0gsa0JBQWtCLEdBQUcsQ0FBckIsR0FBeUJBLGtCQUF6QixHQUE4QyxDQUE1RDtBQUNBLE1BQU1JLFNBQVMsR0FBR0gsSUFBSSxHQUFHQyxPQUFPLENBQUNQLFFBQVgsR0FBc0JPLE9BQU8sQ0FBQ1QsSUFBcEQ7QUFDQSxzQkFDRSxnQ0FBQyxpQkFBRDtBQUNFLElBQUEsWUFBWSxFQUFFVSxLQURoQjtBQUVFLElBQUEsU0FBUyxFQUFFQSxLQUFLLElBQUksQ0FGdEI7QUFHRSxJQUFBLE9BQU8sRUFBRTtBQUFFbkIsTUFBQUEsS0FBSyxFQUFFa0IsT0FBTyxDQUFDbEIsS0FBakI7QUFBd0JTLE1BQUFBLElBQUksRUFBRVc7QUFBOUI7QUFIWCxrQkFLRSxnQ0FBQyxrQkFBRDtBQUFZLElBQUEsS0FBSyxFQUFFO0FBQUVqQixNQUFBQSxLQUFLLEVBQUVjLElBQUksR0FBRyxTQUFILEdBQWU7QUFBNUI7QUFBbkIsSUFMRixDQURGO0FBU0QsQ0FkRDs7QUFnQkFGLGNBQWMsQ0FBQ00sU0FBZixHQUEyQjtBQUN6QkgsRUFBQUEsT0FBTyxFQUFFSSxzQkFBVUMsTUFBVixDQUFpQkMsVUFERDtBQUV6QlAsRUFBQUEsSUFBSSxFQUFFSyxzQkFBVUcsSUFGUztBQUd6QlQsRUFBQUEsa0JBQWtCLEVBQUVNLHNCQUFVSSxNQUFWLENBQWlCRjtBQUhaLENBQTNCO0FBS0FULGNBQWMsQ0FBQ1ksWUFBZixHQUE4QjtBQUFFVixFQUFBQSxJQUFJLEVBQUU7QUFBUixDQUE5Qjs7ZUFFZSx3QkFBV2xCLE1BQVgsRUFBbUJnQixjQUFuQixDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBCYWRnZSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9CYWRnZSc7XG5pbXBvcnQgRnVubmVsSWNvbiBmcm9tICcuLi8uLi9pY29ucy9GdW5uZWwnO1xuXG5jb25zdCBzdHlsZXMgPSAoKSA9PiAoe1xuICBiYWRnZToge1xuICAgIGJvcmRlcjogJzJweCBzb2xpZCAjMTk1NzlFJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjOTMzJyxcbiAgICBjb2xvcjogJyNmZmZmZmYnLFxuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICBmb250U2l6ZTogJzEzcHgnLFxuICAgIG1hcmdpbjogOCxcbiAgICB3aWR0aDogMjAsXG4gICAgaGVpZ2h0OiAyMCxcbiAgfSxcbiAgcm9vdDogeyBwYWRkaW5nOiA1IH0sXG4gIHJvb3RPcGVuOiB7XG4gICAgcGFkZGluZzogNSxcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGJhY2tncm91bmRDb2xvcjogJyNmZmYnLFxuICB9LFxuICBjb2xvclByaW1hcnk6IHsgY29sb3I6ICcjZmZmJyB9LFxuICBjb2xvclByaW1hcnlPcGVuOiB7IGNvbG9yOiAnIzkzMycgfSxcbn0pO1xuXG4vKipcbiAqIEEgYmFkZ2VkIGZpbHRlciBpY29uXG4gKiBAcGFyYW0ge251bWJlcn0gZW5hYmxlZEZpbHRlckNvdW50IC0gdGhlIG51bWJlciBvZiBmaWx0ZXJzIHRoYXQgaGF2ZSBiZWVuIHNlbGVjdGVkXG4gKi9cbmNvbnN0IE1lbnVGaWx0ZXJJY29uID0gKHtcbiAgZW5hYmxlZEZpbHRlckNvdW50LCBvcGVuLCBjbGFzc2VzLFxufSkgPT4ge1xuICBjb25zdCBjb3VudCA9IGVuYWJsZWRGaWx0ZXJDb3VudCA+IDAgPyBlbmFibGVkRmlsdGVyQ291bnQgOiAwO1xuICBjb25zdCByb290Q2xhc3MgPSBvcGVuID8gY2xhc3Nlcy5yb290T3BlbiA6IGNsYXNzZXMucm9vdDtcbiAgcmV0dXJuIChcbiAgICA8QmFkZ2VcbiAgICAgIGJhZGdlQ29udGVudD17Y291bnR9XG4gICAgICBpbnZpc2libGU9e2NvdW50IDw9IDB9XG4gICAgICBjbGFzc2VzPXt7IGJhZGdlOiBjbGFzc2VzLmJhZGdlLCByb290OiByb290Q2xhc3MgfX1cbiAgICA+XG4gICAgICA8RnVubmVsSWNvbiBzdHlsZT17eyBjb2xvcjogb3BlbiA/ICcjMTk1NzlFJyA6ICcjZmZmZmZmJyB9fSAvPlxuICAgIDwvQmFkZ2U+XG4gICk7XG59O1xuXG5NZW51RmlsdGVySWNvbi5wcm9wVHlwZXMgPSB7XG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgb3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIGVuYWJsZWRGaWx0ZXJDb3VudDogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxufTtcbk1lbnVGaWx0ZXJJY29uLmRlZmF1bHRQcm9wcyA9IHsgb3BlbjogZmFsc2UgfTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMpKE1lbnVGaWx0ZXJJY29uKTtcbiJdfQ==