@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

package/dist/tabs/dumb-tabs.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -9,9 +9,11 @@ import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import TabLink from './tab-link.js';
 import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
+export { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -43,12 +45,15 @@ 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';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -103,17 +108,15 @@ class Tabs extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       className,
       children,
       selected,
       theme,
       autoCollapse,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "children", "selected", "theme", "autoCollapse", "data-test"]);
-
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_02138f4a.tabs, className, modules_02138f4a[theme]);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return /*#__PURE__*/React.createElement("div", {
@@ -156,4 +159,4 @@ _defineProperty(Tabs, "Theme", Theme);
 
 var Tabs$1 = withTheme()(Tabs);
 
-export default Tabs$1;
+export { Tabs$1 as default };

package/dist/tabs/smart-tabs.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -11,6 +11,7 @@ import './tab-link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import './collapsible-tabs.js';
 import 'fastdom';
 import './collapsible-more.js';
@@ -43,12 +44,15 @@ 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';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -76,14 +80,12 @@ class SmartTabs extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       initSelected,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "initSelected", "data-test"]);
-
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
     return /*#__PURE__*/React.createElement(Tabs, _extends({
       "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
       selected: this.state.selected,
@@ -99,4 +101,4 @@ _defineProperty(SmartTabs, "propTypes", {
   'data-test': PropTypes.string
 });
 
-export default SmartTabs;
+export { SmartTabs as default };

package/dist/tabs/tab-link.js

@@ -1,27 +1,33 @@
-import { a 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 '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 
 function TabLink(_ref) {
   let {
     isSelected,
     title,
-    collapsed
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["isSelected", "title", "collapsed"]);
-
+    collapsed,
+    ...restProps
+  } = _ref;
   const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
-  return /*#__PURE__*/React.createElement(Link, restProps, () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement(Link, restProps, () => /*#__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)));
 }
 
@@ -32,4 +38,4 @@ TabLink.propTypes = {
 };
 var TabLink$1 = /*#__PURE__*/memo(TabLink);
 
-export default TabLink$1;
+export { TabLink$1 as default };

package/dist/tabs/tab.js

@@ -29,4 +29,4 @@ _defineProperty(Tab, "propTypes", {
   'data-test': PropTypes.string
 });
 
-export default Tab;
+export { Tab as default };

package/dist/tabs/tabs.js

@@ -14,6 +14,7 @@ import './tab-link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import './collapsible-tabs.js';
 import 'fastdom';
 import './collapsible-more.js';
@@ -46,12 +47,15 @@ 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';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

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

@@ -0,0 +1,193 @@
+import angular from 'angular';
+import classNames from 'classnames';
+import { m as modules_02138f4a } from '../_helpers/tabs.js';
+import Theme from '../global/theme.js';
+import template from './tabs-ng__template.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+
+/**
+ * @name Tabs Ng
+ */
+
+const 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: '=',
+      theme: '@?'
+    },
+    controller: ["$scope", function controller($scope) {
+      $scope.panes = [];
+      $scope.current = null;
+      $scope.styles = modules_02138f4a;
+      $scope.theme = $scope.theme || Theme.LIGHT;
+
+      function getTabIdFromUrl() {
+        return $location.search()[$scope.tabParameter];
+      }
+
+      function doSelect(newPane, skipUrlUpdate) {
+        if (newPane === $scope.current || newPane.ngDisabled) {
+          return;
+        }
+
+        for (let index = 0; index < $scope.panes.length; index++) {
+          const 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) {
+        const currentTabIndex = $scope.panes.indexOf($scope.current);
+        let 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() {
+        const currentTabId = getTabIdFromUrl();
+
+        if (currentTabId) {
+          const currentTab = $scope.panes.find(pane => 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 = tab => {
+        $scope.panes.push(tab);
+
+        if ($scope.panes.length === 1 || tab.tabId === getTabIdFromUrl()) {
+          doSelect(tab, true);
+        }
+      };
+
+      this.removeTab = tab => {
+        const 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 = () => $scope.panes.indexOf($scope.current) === $scope.panes.length - 1;
+
+      $scope.control.isFirst = () => $scope.panes.indexOf($scope.current) === 0;
+
+      $scope.control.select = pane => {
+        doSelect(pane, $scope.disableLocationChanging);
+      };
+
+      $scope.control.next = () => {
+        const next = getNextPaneIndex();
+        doSelect($scope.panes[next], $scope.disableLocationChanging);
+      };
+
+      $scope.control.prev = () => {
+        const prev = getNextPaneIndex(true);
+        doSelect($scope.panes[prev], $scope.disableLocationChanging);
+      };
+
+      $scope.keyMap = {
+        next: $scope.control.next,
+        prev: $scope.control.prev,
+        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 = pane => classNames(modules_02138f4a.title, modules_02138f4a.titleLegacy, {
+        [modules_02138f4a.selected]: pane.selected
+      });
+
+      this.$onInit = () => {
+        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', () => {
+        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

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

package/dist/tag/tag.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,7 +7,8 @@ import Icon from '../icon/icon.js';
 import Button from '../button/button.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -15,7 +16,7 @@ import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"unit":"8px","resetButton":"global_resetButton__0f8f4370","background-color":"var(--ring-tag-background-color)","max-height":"20px","tag":"tag_tag__e2972246 global_resetButton__0f8f4370","withRemove":"tag_withRemove__e2972246","container":"tag_container__e2972246","focused":"tag_focused__e2972246","tagAngled":"tag_tagAngled__e2972246","content":"tag_content__e2972246 global_ellipsis__0f8f4370","disabled":"tag_disabled__e2972246","remove":"tag_remove__e2972246","removeIcon":"tag_removeIcon__e2972246","icon":"tag_icon__e2972246","avatarContainer":"tag_avatarContainer__e2972246","customIcon":"tag_customIcon__e2972246","avatarIcon":"tag_avatarIcon__e2972246"};
+var modules_2f9be069 = {"unit":"8px","resetButton":"resetButton_rui_750f","background-color":"var(--ring-tag-background-color)","max-height":"20px","tag":"tag_rui_7f48 resetButton_rui_750f","withRemove":"withRemove_rui_7f48","container":"container_rui_7f48","focused":"focused_rui_7f48","tagAngled":"tagAngled_rui_7f48","content":"content_rui_7f48 ellipsis_rui_750f","disabled":"disabled_rui_7f48","remove":"remove_rui_7f48","removeIcon":"removeIcon_rui_7f48","icon":"icon_rui_7f48","avatarContainer":"avatarContainer_rui_7f48","customIcon":"customIcon_rui_7f48","avatarIcon":"avatarIcon_rui_7f48"};
 
 /**
  * @name Tag
@@ -141,23 +142,24 @@ class Tag extends PureComponent {
     }, this.props.className);
     const {
       backgroundColor,
-      textColor
+      textColor,
+      render
     } = this.props;
     return /*#__PURE__*/React.createElement("span", {
       className: modules_2f9be069.container
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      "data-test": "ring-tag",
+    }, render({
+      'data-test': 'ring-tag',
       className: classes,
       ref: this.tagRef,
       onClick: this.props.onClick,
       style: {
         backgroundColor,
         color: textColor
-      }
-    }, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
-      className: modules_2f9be069.content
-    }, this.props.children)), this.renderRemoveIcon());
+      },
+      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());
   }
 
 }
@@ -176,7 +178,8 @@ _defineProperty(Tag, "propTypes", {
   backgroundColor: PropTypes.string,
   textColor: PropTypes.string,
   children: PropTypes.node,
-  className: PropTypes.string
+  className: PropTypes.string,
+  render: PropTypes.func
 });
 
 _defineProperty(Tag, "defaultProps", {
@@ -184,7 +187,10 @@ _defineProperty(Tag, "defaultProps", {
   onClick: () => {},
   readOnly: false,
   disabled: false,
-  focused: false
+  focused: false,
+  render: props => /*#__PURE__*/React.createElement("button", _extends({
+    type: "button"
+  }, props))
 });
 
-export default Tag;
+export { Tag as default };

package/dist/tags-input/tags-input.js

@@ -1,5 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } from 'react';
+import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import getEventKey from '../global/get-event-key.js';
@@ -17,7 +17,8 @@ import '../_helpers/anchor.js';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../button/button.js';
 import 'focus-visible';
 import '../global/theme.js';
@@ -26,9 +27,10 @@ import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import '../popup/popup.js';
 import 'react-dom';
-import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -48,17 +50,20 @@ import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../_helpers/input.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
@@ -74,7 +79,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var modules_5aa8aaf3 = {"tagsInput":"tagsInput_tagsInput__3bf16b19","tagsInputLegacyMode":"tagsInput_tagsInputLegacyMode__3bf16b19","tagsList":"tagsInput_tagsList__3bf16b19","tag":"tagsInput_tag__3bf16b19","tagsInputDisabled":"tagsInput_tagsInputDisabled__3bf16b19","underline":"tagsInput_underline__3bf16b19","tagsInputFocused":"tagsInput_tagsInputFocused__3bf16b19","tagsSelect":"tagsInput_tagsSelect__3bf16b19","focusUnderline":"tagsInput_focusUnderline__3bf16b19"};
+var modules_5aa8aaf3 = {"tagsInput":"tagsInput_rui_3bf1","tagsInputLegacyMode":"tagsInputLegacyMode_rui_3bf1","tagsList":"tagsList_rui_3bf1","tag":"tag_rui_3bf1","tagsInputDisabled":"tagsInputDisabled_rui_3bf1","underline":"underline_rui_3bf1","tagsInputFocused":"tagsInputFocused_rui_3bf1","tagsSelect":"tagsSelect_rui_3bf1","focusUnderline":"focusUnderline_rui_3bf1"};
 
 function noop() {}
 /**
@@ -84,10 +89,10 @@ function noop() {}
 
 const POPUP_VERTICAL_SHIFT = 2;
 class TagsInput extends PureComponent {
-  constructor() {
+  constructor(props) {
     var _this;
 
-    super(...arguments);
+    super(props);
     _this = this;
 
     _defineProperty(this, "state", {
@@ -104,8 +109,6 @@ class TagsInput extends PureComponent {
       this.node = node;
     });
 
-    _defineProperty(this, "ngModelStateField", TagsInput.ngModelStateField);
-
     _defineProperty(this, "focusInput", () => {
       this.getInputNode().focus();
     });
@@ -278,6 +281,8 @@ class TagsInput extends PureComponent {
     _defineProperty(this, "selectRef", el => {
       this.select = el;
     });
+
+    this.ngModelStateField = TagsInput.ngModelStateField;
   }
 
   static getDerivedStateFromProps(_ref, _ref2) {
@@ -470,5 +475,4 @@ _defineProperty(TagsInput, "ngModelStateField", 'tags');
 
 const RerenderableTagsInput = rerenderHOC(TagsInput);
 
-export default TagsInput;
-export { RerenderableTagsInput };
+export { RerenderableTagsInput, TagsInput as default };