@jetbrains/ring-ui-built 6.0.1

package/components/tabs/smart-tabs.js

@@ -0,0 +1,141 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import joinDataTestAttributes from '../global/data-tests.js';
+import Tabs from './dumb-tabs.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.find.js';
+import 'classnames';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../_helpers/tab-link.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import './collapsible-tabs.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'fastdom';
+import './collapsible-more.js';
+import '@jetbrains/icons/chevron-10px';
+import '../popup/popup.consts.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.target.js';
+import '../list/list.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'util-deprecate';
+import 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import 'core-js/modules/es.array.index-of.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.from.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../icon/icon.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+import '../button/button.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import './collapsible-tab.js';
+import './custom-item.js';
+
+var _excluded = ["children", "initSelected", "data-test"];
+var SmartTabs = /*#__PURE__*/function (_PureComponent) {
+  _inherits(SmartTabs, _PureComponent);
+  var _super = _createSuper(SmartTabs);
+  function SmartTabs(props) {
+    var _this;
+    _classCallCheck(this, SmartTabs);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "state", void 0);
+    _defineProperty(_assertThisInitialized(_this), "handleSelect", function (selected) {
+      return _this.setState({
+        selected
+      });
+    });
+    _this.state = {
+      selected: _this.props.initSelected || Array.isArray(_this.props.children) && _this.props.children[0].props.id || '0'
+    };
+    return _this;
+  }
+  _createClass(SmartTabs, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children;
+        _this$props.initSelected;
+        var dataTest = _this$props['data-test'],
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Tabs, _extends({
+        "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
+        selected: this.state.selected,
+        onSelect: this.handleSelect
+      }, restProps), children);
+    }
+  }]);
+  return SmartTabs;
+}(PureComponent);
+_defineProperty(SmartTabs, "propTypes", {
+  children: PropTypes.arrayOf(PropTypes.element).isRequired,
+  initSelected: PropTypes.string,
+  'data-test': PropTypes.string
+});
+
+export { SmartTabs as default };

package/components/tabs/tab-link.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { LinkProps } from '../link/link';
+export interface TabLinkProps extends Omit<LinkProps, 'title' | 'children'> {
+    isSelected: boolean;
+    collapsed?: boolean;
+    title: ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode);
+}
+declare function TabLink({ isSelected, title, collapsed, ...restProps }: TabLinkProps): React.JSX.Element;
+declare namespace TabLink {
+    var propTypes: {
+        isSelected: PropTypes.Requireable<boolean>;
+        collapsed: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+    };
+}
+declare const _default: React.MemoExoticComponent<typeof TabLink>;
+export default _default;

package/components/tabs/tab-link.js

@@ -0,0 +1,13 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+import 'prop-types';
+import '../link/link.js';
+export { T as default } from '../_helpers/tab-link.js';
+import 'classnames';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';

package/components/tabs/tab.d.ts

@@ -0,0 +1,27 @@
+import React, { PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { TabLinkProps } from './tab-link';
+export interface TabProps {
+    title?: ReactNode | ((isSelected: boolean, collapsed: boolean | undefined) => ReactNode);
+    titleProps?: Partial<TabLinkProps>;
+    id?: string | null | undefined;
+    className?: string | null | undefined;
+    children?: ReactNode;
+    'data-test'?: string | null | undefined;
+    alwaysHidden?: boolean | null | undefined;
+    disabled?: boolean | undefined;
+    href?: string | undefined;
+    activeClassName?: string | null | undefined;
+    collapsedClassName?: string | null | undefined;
+    collapsedActiveClassName?: string | null | undefined;
+}
+export default class Tab extends PureComponent<TabProps> {
+    static propTypes: {
+        title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
+        id: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/tabs/tab.js

@@ -0,0 +1,41 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var Tab = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Tab, _PureComponent);
+  var _super = _createSuper(Tab);
+  function Tab() {
+    _classCallCheck(this, Tab);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Tab, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'];
+      return /*#__PURE__*/React.createElement("div", {
+        "data-test": joinDataTestAttributes('ring-tab', dataTest),
+        className: classNames(className)
+      }, children);
+    }
+  }]);
+  return Tab;
+}(PureComponent);
+_defineProperty(Tab, "propTypes", {
+  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
+  id: PropTypes.string,
+  className: PropTypes.string,
+  children: PropTypes.node,
+  'data-test': PropTypes.string
+});
+
+export { Tab as default };

package/components/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @name Tabs
+ */
+export { CustomItem } from './custom-item';
+export { default as Tabs } from './dumb-tabs';
+export { default as SmartTabs } from './smart-tabs';
+export { default as Tab } from './tab';

package/components/tabs/tabs.js

@@ -0,0 +1,99 @@
+export { CustomItem } from './custom-item.js';
+export { default as Tabs } from './dumb-tabs.js';
+export { default as SmartTabs } from './smart-tabs.js';
+export { default as Tab } from './tab.js';
+import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.find.js';
+import 'react';
+import 'classnames';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import '../_helpers/tab-link.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import './collapsible-tabs.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'fastdom';
+import './collapsible-more.js';
+import '@jetbrains/icons/chevron-10px';
+import '../popup/popup.consts.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.target.js';
+import '../list/list.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'util-deprecate';
+import 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import 'core-js/modules/es.array.index-of.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.from.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../icon/icon.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+import '../button/button.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import './collapsible-tab.js';

package/components/tag/tag.d.ts

@@ -0,0 +1,64 @@
+import React, { HTMLAttributes, PureComponent, ReactNode, RefCallback } from 'react';
+import PropTypes from 'prop-types';
+import { IconType } from '../icon/icon';
+export interface TagRenderProps extends HTMLAttributes<HTMLElement> {
+    disabled: boolean;
+    ref: RefCallback<HTMLElement>;
+    'data-test': string;
+}
+export interface TagProps {
+    onRemove: (event: React.MouseEvent<HTMLElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    readOnly: boolean;
+    disabled: boolean;
+    focused: boolean;
+    render: (props: TagRenderProps) => ReactNode;
+    children?: ReactNode;
+    className?: string | null | undefined;
+    rgTagIcon?: string | IconType | null | undefined;
+    icon?: string | undefined;
+    avatar?: string | null | undefined;
+    rgTagTitle?: string | undefined;
+    angled?: boolean | null | undefined;
+    textColor?: string | undefined;
+    backgroundColor?: string | undefined;
+}
+/**
+ * @name Tag
+ */
+export default class Tag extends PureComponent<TagProps> {
+    static propTypes: {
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        rgTagIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        icon: PropTypes.Requireable<string>;
+        avatar: PropTypes.Requireable<string>;
+        rgTagTitle: PropTypes.Requireable<string>;
+        readOnly: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        focused: PropTypes.Requireable<boolean>;
+        angled: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        textColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        render: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: TagProps;
+    state: {
+        focused: boolean;
+    };
+    componentDidUpdate(prevProps: TagProps): void;
+    componentWillUnmount(): void;
+    onDocumentClick: (event: MouseEvent) => void;
+    tagNode?: HTMLElement | null;
+    tagRef: (el: HTMLElement | null) => void;
+    setDocumentClickListener(setListener: boolean): void;
+    renderCustomIcon(): React.JSX.Element | null;
+    private _renderImageElement;
+    renderImage(): React.JSX.Element | null;
+    renderAvatar(): React.JSX.Element | null;
+    renderRemoveIcon(): React.JSX.Element | null;
+    render(): React.JSX.Element;
+}
+export type TagAttrs = JSX.LibraryManagedAttributes<typeof Tag, TagProps>;

package/components/tag/tag.js

@@ -0,0 +1,213 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import closeIcon from '@jetbrains/icons/close-12px';
+import Icon from '../icon/icon.js';
+import { Button } from '../button/button.js';
+import { ControlsHeight } from '../global/controls-height.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+
+var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_2f49 resetButton_rui_8bff","tagAngled":"tagAngled_rui_2f49","light":"light_rui_2ac4","withRemove":"withRemove_rui_2f49","container":"container_rui_2f49","focused":"focused_rui_2f49","content":"content_rui_2f49 ellipsis_rui_8bff","disabled":"disabled_rui_2f49","remove":"remove_rui_2f49","removeIcon":"removeIcon_rui_2f49","icon":"icon_rui_2f49","avatarContainer":"avatarContainer_rui_2f49","customIcon":"customIcon_rui_2f49","avatarIcon":"avatarIcon_rui_2f49"};
+
+/**
+ * @name Tag
+ */
+var Tag = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Tag, _PureComponent);
+  var _super = _createSuper(Tag);
+  function Tag() {
+    var _this;
+    _classCallCheck(this, Tag);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      focused: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "onDocumentClick", function (event) {
+      if (_this.tagNode) {
+        _this.setState({
+          focused: _this.tagNode === event.target
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "tagNode", void 0);
+    _defineProperty(_assertThisInitialized(_this), "tagRef", function (el) {
+      _this.tagNode = el;
+    });
+    return _this;
+  }
+  _createClass(Tag, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.focused !== prevProps.focused) {
+        this.setState({
+          focused: this.props.focused
+        });
+      }
+      if (this.state.focused) {
+        var _this$tagNode;
+        (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 || _this$tagNode.focus();
+      }
+      this.setDocumentClickListener(this.state.focused);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.setDocumentClickListener(false);
+      this.setState({
+        focused: false
+      });
+    }
+  }, {
+    key: "setDocumentClickListener",
+    value: function setDocumentClickListener(setListener) {
+      if (setListener) {
+        document.addEventListener('click', this.onDocumentClick);
+      } else {
+        document.removeEventListener('click', this.onDocumentClick);
+      }
+    }
+  }, {
+    key: "renderCustomIcon",
+    value: function renderCustomIcon() {
+      if (this.props.rgTagIcon) {
+        return /*#__PURE__*/React.createElement(Icon, {
+          className: modules_2f9be069.icon,
+          title: this.props.rgTagTitle,
+          glyph: this.props.rgTagIcon
+        });
+      }
+      return null;
+    }
+  }, {
+    key: "_renderImageElement",
+    value: function _renderImageElement(avatarSrc) {
+      var classes = classNames({
+        [modules_2f9be069.customIcon]: this.props.icon,
+        [modules_2f9be069.avatarIcon]: avatarSrc
+      });
+      return /*#__PURE__*/React.createElement("img", {
+        alt: avatarSrc ? 'Avatar' : 'Icon',
+        className: classes,
+        src: avatarSrc || this.props.icon
+      });
+    }
+  }, {
+    key: "renderImage",
+    value: function renderImage() {
+      if (this.props.icon && !this.props.avatar) {
+        return this._renderImageElement();
+      }
+      return null;
+    }
+  }, {
+    key: "renderAvatar",
+    value: function renderAvatar() {
+      if (this.props.avatar) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: modules_2f9be069.avatarContainer
+        }, this._renderImageElement(this.props.avatar));
+      }
+      return null;
+    }
+  }, {
+    key: "renderRemoveIcon",
+    value: function renderRemoveIcon() {
+      if (!this.props.readOnly) {
+        return /*#__PURE__*/React.createElement(Button, {
+          title: "Remove",
+          icon: closeIcon,
+          "data-test": "ring-tag-remove",
+          className: modules_2f9be069.remove,
+          iconClassName: modules_2f9be069.removeIcon,
+          onClick: this.props.onRemove,
+          style: {
+            '--ring-icon-secondary-color': this.props.textColor
+          },
+          height: ControlsHeight.M
+        });
+      }
+      return null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
+        [modules_2f9be069.focused]: this.state.focused,
+        [modules_2f9be069.disabled]: this.props.disabled,
+        [modules_2f9be069.tagAngled]: this.props.angled,
+        [modules_2f9be069.withRemove]: !this.props.readOnly
+      }, this.props.className);
+      var _this$props = this.props,
+        backgroundColor = _this$props.backgroundColor,
+        textColor = _this$props.textColor,
+        render = _this$props.render;
+      return /*#__PURE__*/React.createElement("span", {
+        className: modules_2f9be069.container
+      }, render({
+        'data-test': 'ring-tag',
+        className: classes,
+        ref: this.tagRef,
+        onClick: this.props.onClick,
+        style: {
+          backgroundColor,
+          color: textColor
+        },
+        disabled: this.props.disabled,
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
+          className: modules_2f9be069.content
+        }, this.props.children))
+      }), this.renderRemoveIcon());
+    }
+  }]);
+  return Tag;
+}(PureComponent);
+_defineProperty(Tag, "propTypes", {
+  onRemove: PropTypes.func,
+  onClick: PropTypes.func,
+  rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  icon: PropTypes.string,
+  avatar: PropTypes.string,
+  rgTagTitle: PropTypes.string,
+  readOnly: PropTypes.bool,
+  disabled: PropTypes.bool,
+  focused: PropTypes.bool,
+  angled: PropTypes.bool,
+  backgroundColor: PropTypes.string,
+  textColor: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  render: PropTypes.func
+});
+_defineProperty(Tag, "defaultProps", {
+  onRemove: function onRemove() {},
+  onClick: function onClick() {},
+  readOnly: false,
+  disabled: false,
+  focused: false,
+  render: function render(props) {
+    return /*#__PURE__*/React.createElement("button", _extends({
+      type: "button"
+    }, props));
+  }
+});
+
+export { Tag as default };