@lskjs/tag/TagGroup/TagGroup.js

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

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

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

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

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

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

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

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

var _filterProps = _interopRequireDefault(require("@lskjs/utils/filterProps"));

var _Tag = _interopRequireDefault(require("../Tag"));

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }

var TagGroup = /*#__PURE__*/function (_PureComponent) {
  (0, _inherits2["default"])(TagGroup, _PureComponent);

  var _super = _createSuper(TagGroup);

  function TagGroup() {
    (0, _classCallCheck2["default"])(this, TagGroup);
    return _super.apply(this, arguments);
  }

  (0, _createClass2["default"])(TagGroup, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          _this$props$Tag = _this$props.Tag,
          Tag = _this$props$Tag === void 0 ? _Tag["default"] : _this$props$Tag,
          _this$props$options = _this$props.options,
          options = _this$props$options === void 0 ? [] : _this$props$options,
          nullValue = _this$props.nullValue,
          _this$props$values = _this$props.values,
          values = _this$props$values === void 0 ? [] : _this$props$values,
          _this$props$color = _this$props.color,
          color = _this$props$color === void 0 ? 'blue' : _this$props$color,
          items = _this$props.items,
          disabled = _this$props.disabled,
          onLink = _this$props.onLink,
          children = _this$props.children,
          _onClick = _this$props.onClick,
          _onClose = _this$props.onClose,
          closable = _this$props.closable,
          props = (0, _objectWithoutProperties2["default"])(_this$props, ["Tag", "options", "nullValue", "values", "color", "items", "disabled", "onLink", "children", "onClick", "onClose", "closable"]);
      var tags = items || options.filter(function (_ref) {
        var value = _ref.value;
        return values.includes(value);
      });
      if (tags.length === 0) return nullValue || null;
      return /*#__PURE__*/_react["default"].createElement("div", (0, _filterProps["default"])(props), tags.map(function (item, index) {
        return /*#__PURE__*/_react["default"].createElement(Tag, {
          key: item.key || item.value || index,
          color: color,
          disabled: disabled,
          onClose: function onClose() {
            return _onClose && _onClose(item);
          },
          onClick: function onClick() {
            return _onClick && _onClick(item);
          },
          closable: closable && !disabled,
          style: {
            overflow: 'hidden',
            textOverflow: 'ellipsis',
            cursor: _onClick ? 'pointer' : null
          }
        }, item.title || item.children);
      }), children);
    }
  }]);
  return TagGroup;
}(_react.PureComponent);

TagGroup.propTypes = {
  items: _propTypes["default"].array,
  options: _propTypes["default"].array,
  values: _propTypes["default"].array,
  disabled: _propTypes["default"].bool,
  onDelete: _propTypes["default"].func,
  renderTag: _propTypes["default"].func,
  color: _propTypes["default"].string
};
TagGroup.defaultProps = {
  items: null,
  options: [],
  values: [],
  disabled: false,
  onDelete: null,
  renderTag: null,
  color: 'blue'
};
var _default = TagGroup;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWdHcm91cC9UYWdHcm91cC5qc3giXSwibmFtZXMiOlsiVGFnR3JvdXAiLCJwcm9wcyIsIlRhZyIsIkRlZmF1bHRUYWciLCJvcHRpb25zIiwibnVsbFZhbHVlIiwidmFsdWVzIiwiY29sb3IiLCJpdGVtcyIsImRpc2FibGVkIiwib25MaW5rIiwiY2hpbGRyZW4iLCJvbkNsaWNrIiwib25DbG9zZSIsImNsb3NhYmxlIiwidGFncyIsImZpbHRlciIsInZhbHVlIiwiaW5jbHVkZXMiLCJsZW5ndGgiLCJtYXAiLCJpdGVtIiwiaW5kZXgiLCJrZXkiLCJvdmVyZmxvdyIsInRleHRPdmVyZmxvdyIsImN1cnNvciIsInRpdGxlIiwiUHVyZUNvbXBvbmVudCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImFycmF5IiwiYm9vbCIsIm9uRGVsZXRlIiwiZnVuYyIsInJlbmRlclRhZyIsInN0cmluZyIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLFE7Ozs7Ozs7Ozs7Ozs2QkFDSztBQUFBLHdCQWVILEtBQUtDLEtBZkY7QUFBQSx3Q0FFTEMsR0FGSztBQUFBLFVBRUxBLEdBRkssZ0NBRUNDLGVBRkQ7QUFBQSw0Q0FHTEMsT0FISztBQUFBLFVBR0xBLE9BSEssb0NBR0ssRUFITDtBQUFBLFVBSUxDLFNBSkssZUFJTEEsU0FKSztBQUFBLDJDQUtMQyxNQUxLO0FBQUEsVUFLTEEsTUFMSyxtQ0FLSSxFQUxKO0FBQUEsMENBTUxDLEtBTks7QUFBQSxVQU1MQSxLQU5LLGtDQU1HLE1BTkg7QUFBQSxVQU9MQyxLQVBLLGVBT0xBLEtBUEs7QUFBQSxVQVFMQyxRQVJLLGVBUUxBLFFBUks7QUFBQSxVQVNMQyxNQVRLLGVBU0xBLE1BVEs7QUFBQSxVQVVMQyxRQVZLLGVBVUxBLFFBVks7QUFBQSxVQVdMQyxRQVhLLGVBV0xBLE9BWEs7QUFBQSxVQVlMQyxRQVpLLGVBWUxBLE9BWks7QUFBQSxVQWFMQyxRQWJLLGVBYUxBLFFBYks7QUFBQSxVQWNGYixLQWRFO0FBZ0JQLFVBQU1jLElBQUksR0FBR1AsS0FBSyxJQUFJSixPQUFPLENBQUNZLE1BQVIsQ0FBZTtBQUFBLFlBQUdDLEtBQUgsUUFBR0EsS0FBSDtBQUFBLGVBQWVYLE1BQU0sQ0FBQ1ksUUFBUCxDQUFnQkQsS0FBaEIsQ0FBZjtBQUFBLE9BQWYsQ0FBdEI7QUFDQSxVQUFJRixJQUFJLENBQUNJLE1BQUwsS0FBZ0IsQ0FBcEIsRUFBdUIsT0FBT2QsU0FBUyxJQUFJLElBQXBCO0FBQ3ZCLDBCQUNFLHVDQUFTLDZCQUFZSixLQUFaLENBQVQsRUFDR2MsSUFBSSxDQUFDSyxHQUFMLENBQVMsVUFBQ0MsSUFBRCxFQUFPQyxLQUFQO0FBQUEsNEJBQ1IsZ0NBQUMsR0FBRDtBQUNFLFVBQUEsR0FBRyxFQUFFRCxJQUFJLENBQUNFLEdBQUwsSUFBWUYsSUFBSSxDQUFDSixLQUFqQixJQUEwQkssS0FEakM7QUFFRSxVQUFBLEtBQUssRUFBRWYsS0FGVDtBQUdFLFVBQUEsUUFBUSxFQUFFRSxRQUhaO0FBSUUsVUFBQSxPQUFPLEVBQUU7QUFBQSxtQkFBTUksUUFBTyxJQUFJQSxRQUFPLENBQUNRLElBQUQsQ0FBeEI7QUFBQSxXQUpYO0FBS0UsVUFBQSxPQUFPLEVBQUU7QUFBQSxtQkFBTVQsUUFBTyxJQUFJQSxRQUFPLENBQUNTLElBQUQsQ0FBeEI7QUFBQSxXQUxYO0FBTUUsVUFBQSxRQUFRLEVBQUVQLFFBQVEsSUFBSSxDQUFDTCxRQU56QjtBQU9FLFVBQUEsS0FBSyxFQUFFO0FBQ0xlLFlBQUFBLFFBQVEsRUFBRSxRQURMO0FBRUxDLFlBQUFBLFlBQVksRUFBRSxVQUZUO0FBR0xDLFlBQUFBLE1BQU0sRUFBRWQsUUFBTyxHQUFHLFNBQUgsR0FBZTtBQUh6QjtBQVBULFdBYUdTLElBQUksQ0FBQ00sS0FBTCxJQUFjTixJQUFJLENBQUNWLFFBYnRCLENBRFE7QUFBQSxPQUFULENBREgsRUFrQkdBLFFBbEJILENBREY7QUFzQkQ7OztFQXpDb0JpQixvQjs7QUE0Q3ZCNUIsUUFBUSxDQUFDNkIsU0FBVCxHQUFxQjtBQUNuQnJCLEVBQUFBLEtBQUssRUFBRXNCLHNCQUFVQyxLQURFO0FBRW5CM0IsRUFBQUEsT0FBTyxFQUFFMEIsc0JBQVVDLEtBRkE7QUFHbkJ6QixFQUFBQSxNQUFNLEVBQUV3QixzQkFBVUMsS0FIQztBQUluQnRCLEVBQUFBLFFBQVEsRUFBRXFCLHNCQUFVRSxJQUpEO0FBS25CQyxFQUFBQSxRQUFRLEVBQUVILHNCQUFVSSxJQUxEO0FBTW5CQyxFQUFBQSxTQUFTLEVBQUVMLHNCQUFVSSxJQU5GO0FBT25CM0IsRUFBQUEsS0FBSyxFQUFFdUIsc0JBQVVNO0FBUEUsQ0FBckI7QUFTQXBDLFFBQVEsQ0FBQ3FDLFlBQVQsR0FBd0I7QUFDdEI3QixFQUFBQSxLQUFLLEVBQUUsSUFEZTtBQUV0QkosRUFBQUEsT0FBTyxFQUFFLEVBRmE7QUFHdEJFLEVBQUFBLE1BQU0sRUFBRSxFQUhjO0FBSXRCRyxFQUFBQSxRQUFRLEVBQUUsS0FKWTtBQUt0QndCLEVBQUFBLFFBQVEsRUFBRSxJQUxZO0FBTXRCRSxFQUFBQSxTQUFTLEVBQUUsSUFOVztBQU90QjVCLEVBQUFBLEtBQUssRUFBRTtBQVBlLENBQXhCO2VBVWVQLFEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUHVyZUNvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgZmlsdGVyUHJvcHMgZnJvbSAnQGxza2pzL3V0aWxzL2ZpbHRlclByb3BzJztcbmltcG9ydCBEZWZhdWx0VGFnIGZyb20gJy4uL1RhZyc7XG5cbmNsYXNzIFRhZ0dyb3VwIGV4dGVuZHMgUHVyZUNvbXBvbmVudCB7XG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBUYWcgPSBEZWZhdWx0VGFnLFxuICAgICAgb3B0aW9ucyA9IFtdLFxuICAgICAgbnVsbFZhbHVlLFxuICAgICAgdmFsdWVzID0gW10sXG4gICAgICBjb2xvciA9ICdibHVlJyxcbiAgICAgIGl0ZW1zLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBvbkxpbmssXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkNsb3NlLFxuICAgICAgY2xvc2FibGUsXG4gICAgICAuLi5wcm9wc1xuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHRhZ3MgPSBpdGVtcyB8fCBvcHRpb25zLmZpbHRlcigoeyB2YWx1ZSB9KSA9PiB2YWx1ZXMuaW5jbHVkZXModmFsdWUpKTtcbiAgICBpZiAodGFncy5sZW5ndGggPT09IDApIHJldHVybiBudWxsVmFsdWUgfHwgbnVsbDtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiB7Li4uZmlsdGVyUHJvcHMocHJvcHMpfT5cbiAgICAgICAge3RhZ3MubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxUYWdcbiAgICAgICAgICAgIGtleT17aXRlbS5rZXkgfHwgaXRlbS52YWx1ZSB8fCBpbmRleH1cbiAgICAgICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2UgJiYgb25DbG9zZShpdGVtKX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2xpY2sgJiYgb25DbGljayhpdGVtKX1cbiAgICAgICAgICAgIGNsb3NhYmxlPXtjbG9zYWJsZSAmJiAhZGlzYWJsZWR9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICAgICAgICAgICAgY3Vyc29yOiBvbkNsaWNrID8gJ3BvaW50ZXInIDogbnVsbCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW0udGl0bGUgfHwgaXRlbS5jaGlsZHJlbn1cbiAgICAgICAgICA8L1RhZz5cbiAgICAgICAgKSl9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuVGFnR3JvdXAucHJvcFR5cGVzID0ge1xuICBpdGVtczogUHJvcFR5cGVzLmFycmF5LFxuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIHZhbHVlczogUHJvcFR5cGVzLmFycmF5LFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uRGVsZXRlOiBQcm9wVHlwZXMuZnVuYyxcbiAgcmVuZGVyVGFnOiBQcm9wVHlwZXMuZnVuYyxcbiAgY29sb3I6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuVGFnR3JvdXAuZGVmYXVsdFByb3BzID0ge1xuICBpdGVtczogbnVsbCxcbiAgb3B0aW9uczogW10sXG4gIHZhbHVlczogW10sXG4gIGRpc2FibGVkOiBmYWxzZSxcbiAgb25EZWxldGU6IG51bGwsXG4gIHJlbmRlclRhZzogbnVsbCxcbiAgY29sb3I6ICdibHVlJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRhZ0dyb3VwO1xuIl19
//# sourceMappingURL=TagGroup.js.map