@jetbrains/ring-ui 6.0.3-beta.0 → 6.0.3

package/dist/tabs/smart-tabs.js

@@ -1,144 +0,0 @@
-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/es.string.iterator.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 './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 'core-js/modules/es.parse-float.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.object.keys.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.number.constructor.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: 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/dist/tabs/tab-link.d.ts

@@ -1,18 +0,0 @@
-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/dist/tabs/tab-link.js

@@ -1,18 +0,0 @@
-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/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/es.string.iterator.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 'core-js/modules/es.array.concat.js';
-import '../link/clickableLink.js';

package/dist/tabs/tab.d.ts

@@ -1,27 +0,0 @@
-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/dist/tabs/tab.js

@@ -1,41 +0,0 @@
-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/dist/tabs/tabs.d.ts

@@ -1,7 +0,0 @@
-/**
- * @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/dist/tabs/tabs.js

@@ -1,102 +0,0 @@
-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/es.string.iterator.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 './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 'core-js/modules/es.parse-float.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.object.keys.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.number.constructor.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/dist/tag/tag.d.ts

@@ -1,64 +0,0 @@
-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/dist/tag/tag.js

@@ -1,208 +0,0 @@
-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/es.string.iterator.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 = {"unit":"i__const_unit_0","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 ? 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 _classNames;
-      var classes = classNames((_classNames = {}, _defineProperty(_classNames, modules_2f9be069.customIcon, this.props.icon), _defineProperty(_classNames, modules_2f9be069.avatarIcon, avatarSrc), _classNames));
-      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 _classNames2;
-      var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, (_classNames2 = {}, _defineProperty(_classNames2, modules_2f9be069.focused, this.state.focused), _defineProperty(_classNames2, modules_2f9be069.disabled, this.props.disabled), _defineProperty(_classNames2, modules_2f9be069.tagAngled, this.props.angled), _defineProperty(_classNames2, modules_2f9be069.withRemove, !this.props.readOnly), _classNames2), 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: 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 };