@jetbrains/ring-ui 5.1.21 → 5.1.23

package/dist/tabs/smart-tabs.js

@@ -1,139 +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 '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/tabs.js';
-import './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.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.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 '../avatar/avatar.js';
-import '../global/url.js';
-import '../avatar/fallback-avatar.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.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import '../_helpers/checkbox.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/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,48 +0,0 @@
-import { e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo } from 'react';
-import PropTypes from 'prop-types';
-import Link from '../link/link.js';
-import { m as modules_02138f4a } from '../_helpers/tabs.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/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';
-import '../_helpers/link.js';
-
-var _excluded = ["isSelected", "title", "collapsed"];
-function TabLink(_ref) {
-  var isSelected = _ref.isSelected,
-    title = _ref.title,
-    collapsed = _ref.collapsed,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
-  return /*#__PURE__*/React.createElement(Link, restProps, function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_02138f4a.container
-    }, /*#__PURE__*/React.createElement("span", {
-      className: modules_02138f4a.visible
-    }, renderedTitle), /*#__PURE__*/React.createElement("span", {
-      className: modules_02138f4a.hidden
-    }, renderedTitle), /*#__PURE__*/React.createElement("span", {
-      className: modules_02138f4a.hiddenBold
-    }, renderedTitle), /*#__PURE__*/React.createElement("span", {
-      className: modules_02138f4a.hiddenRegular
-    }, renderedTitle));
-  });
-}
-TabLink.propTypes = {
-  isSelected: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  title: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.node])
-};
-var TabLink$1 = /*#__PURE__*/memo(TabLink);
-
-export { TabLink$1 as default };

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,97 +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 '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/tabs.js';
-import './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.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.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 '../avatar/avatar.js';
-import '../global/url.js';
-import '../avatar/fallback-avatar.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.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import '../_helpers/checkbox.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/tabs-ng/tabs-ng.js

@@ -1,185 +0,0 @@
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.search.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.replace.js';
-import angular from 'angular';
-import classNames from 'classnames';
-import { m as modules_02138f4a } from '../_helpers/tabs.js';
-import template from './tabs-ng__template.js';
-
-/**
- * @name Tabs Ng
- */
-
-var angularModule = angular.module('Ring.tabs', []);
-angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDirective($location, $rootScope) {
-  return {
-    restrict: 'E',
-    transclude: true,
-    template,
-    replace: true,
-    scope: {
-      tabParameter: '@',
-      tabsClass: '=',
-      control: '=?',
-      disableLocationChanging: '='
-    },
-    controller: ["$scope", function controller($scope) {
-      $scope.panes = [];
-      $scope.current = null;
-      $scope.styles = modules_02138f4a;
-      function getTabIdFromUrl() {
-        return $location.search()[$scope.tabParameter];
-      }
-      function doSelect(newPane, skipUrlUpdate) {
-        if (newPane === $scope.current || newPane.ngDisabled) {
-          return;
-        }
-        for (var index = 0; index < $scope.panes.length; index++) {
-          var pane = $scope.panes[index];
-
-          // Update current tab
-          if (pane === newPane || pane.tabId === newPane) {
-            $scope.current = newPane;
-            pane.selected = true;
-            if (!skipUrlUpdate) {
-              $location.search($scope.tabParameter, newPane.tabId);
-            }
-          } else {
-            // Deselect all other
-            pane.selected = false;
-          }
-        }
-      }
-      function getNextPaneIndex(reverseOrder) {
-        var currentTabIndex = $scope.panes.indexOf($scope.current);
-        var next = currentTabIndex;
-        do {
-          next += reverseOrder ? -1 : 1;
-        } while (next > -1 && next < $scope.panes.length && $scope.panes[next].ngDisabled);
-        if (next >= $scope.panes.length) {
-          next = $scope.panes.length - 1;
-        } else if (next < 0) {
-          next = 0;
-        }
-
-        // if no suitable tab found till the end of array
-        if ($scope.panes[next].ngDisabled) {
-          return currentTabIndex;
-        }
-        return next;
-      }
-      function getCurrentTab() {
-        var currentTabId = getTabIdFromUrl();
-        if (currentTabId) {
-          var currentTab = $scope.panes.find(function (pane) {
-            return pane.tabId === currentTabId;
-          });
-          if (currentTab && !currentTab.ngDisabled) {
-            return currentTab;
-          } else {
-            return $scope.panes[getNextPaneIndex()];
-          }
-        } else {
-          return $scope.panes[0];
-        }
-      }
-
-      // controller methods
-
-      function checkCurrentTab() {
-        if ($scope.panes.length) {
-          doSelect(getCurrentTab(), true);
-        }
-      }
-      this.addTab = function (tab) {
-        $scope.panes.push(tab);
-        if ($scope.panes.length === 1 || tab.tabId === getTabIdFromUrl()) {
-          doSelect(tab, true);
-        }
-      };
-      this.removeTab = function (tab) {
-        var index = $scope.panes.indexOf(tab);
-        $scope.panes.splice(index, 1);
-        checkCurrentTab();
-      };
-      this.checkPane = checkCurrentTab;
-
-      // scope
-
-      $scope.$on('$destroy', $rootScope.$on('$routeUpdate', checkCurrentTab));
-
-      // Exposed methods
-      $scope.control = {};
-      $scope.control.isLast = function () {
-        return $scope.panes.indexOf($scope.current) === $scope.panes.length - 1;
-      };
-      $scope.control.isFirst = function () {
-        return $scope.panes.indexOf($scope.current) === 0;
-      };
-      $scope.control.select = function (pane) {
-        doSelect(pane, $scope.disableLocationChanging);
-      };
-      $scope.control.next = function () {
-        var next = getNextPaneIndex();
-        doSelect($scope.panes[next], $scope.disableLocationChanging);
-      };
-      $scope.control.prev = function () {
-        var prev = getNextPaneIndex(true);
-        doSelect($scope.panes[prev], $scope.disableLocationChanging);
-      };
-      $scope.keyMap = {
-        next: $scope.control.next,
-        prev: $scope.control.prev,
-        focus: function focus() {
-          $scope.focus = !$scope.focus;
-          return !$scope.focus;
-        }
-      };
-
-      // For some reason ng-class doesn't work properly on tabs.
-      // From time to time several tabs look like selected despite correct scope state.
-      // I think this bug depends on the frequency of addTab calls (actually on digests)
-      // and ng-class detection of added and removed classes becomes broken.
-      // @maxim.erekhinskiy
-      $scope.tabClass = function (pane) {
-        return classNames(modules_02138f4a.title, modules_02138f4a.titleLegacy, {
-          [modules_02138f4a.selected]: pane.selected
-        });
-      };
-      this.$onInit = function () {
-        if (!$scope.tabParameter) {
-          $scope.tabParameter = 'tab';
-        }
-      };
-    }]
-  };
-}]);
-angularModule.directive('rgTabsPane', function rgTabsPaneDirective() {
-  return {
-    require: '^rgTabs',
-    restrict: 'E',
-    transclude: true,
-    scope: {
-      title: '@',
-      counter: '@',
-      tabId: '@?',
-      tabIndex: '@?',
-      selected: '=?',
-      ngDisabled: '=?'
-    },
-    link: function link(scope, element, attrs, tabsCtrl) {
-      scope.tabId = scope.tabId || scope.title.toLowerCase().replace(' ', '-');
-      scope.tabIndex = scope.tabIndex ? +scope.tabIndex : 0;
-      tabsCtrl.addTab(scope);
-      scope.$on('$destroy', function () {
-        tabsCtrl.removeTab(scope);
-      });
-    },
-    template: '<div class="ring-tabs__content" ng-class="{\'ring-tabs__content_active\':selected}" ng-if="selected" ng-transclude></div>'
-  };
-});
-var tabsNg = angularModule.name;
-
-export { tabsNg as default };

package/dist/tabs-ng/tabs-ng__template.js

@@ -1,3 +0,0 @@
-var template = "<div\n  ng-class=\":: styles.tabs\"\n  rg-shortcuts=\"ring-tabs\"\n  shortcuts-map=\"keyMap\"\n  shortcuts-focus=\"focus\"\n>\n  <div\n    ng-class=\":: [styles.titles, tabsClass]\"\n    role=\"tablist\"\n  >\n    <button\n      role=\"tab\"\n      type=\"button\"\n      ng-repeat=\"pane in panes | orderBy:'tabIndex'\"\n      ng-click=\"control.select(pane)\"\n      ng-attr-tabindex=\"{{(pane.selected || pane.ngDisabled) ? -1 : 0}}\"\n      ng-disabled=\"pane.ngDisabled\"\n      data-test=\"ring-tab\"\n      ng-attr-data-test-active=\"{{pane.selected  ? 'true' : 'false'}}\"\n      ng-attr-class=\"{{ tabClass(pane) }}\"\n    ><span\n      ng-class=\":: styles.visible\">{{pane.title}}<span\n      ng-class=\":: styles.tabCounter\"\n      ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span\n    ></span><!--\n      hack for preserving constant tab width\n    --><span ng-class=\":: styles.hidden\">{{pane.title}}<span\n      ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n      <span ng-class=\":: styles.hiddenBold\">{{pane.title}}<span\n        ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n      <span ng-class=\":: styles.hiddenRegular\">{{pane.title}}<span\n        ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n    </button>\n  </div>\n\n  <div ng-transclude></div>\n\n</div>";
-
-export { template as default };

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>;