@jetbrains/ring-ui 5.0.127 → 5.0.128

package/components/header/logo.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon, { Size } from '../icon/icon';
 import styles from './header.css';
-export default class Logo extends PureComponent {
+class Logo extends PureComponent {
     static propTypes = {
         className: PropTypes.string
     };
@@ -20,3 +20,4 @@ export default class Logo extends PureComponent {
       </div>);
     }
 }
+export default Logo;

package/components/header/profile.js

@@ -8,7 +8,7 @@ import PopupMenu from '../popup-menu/popup-menu';
 import { isTruthy } from '../global/typescript-utils';
 import styles from './header.css';
 const rgItemType = PopupMenu.ListProps.Type.LINK;
-export default class Profile extends PureComponent {
+class Profile extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         closeOnSelect: PropTypes.bool,
@@ -113,3 +113,4 @@ export default class Profile extends PureComponent {
             }}/>);
     }
 }
+export default Profile;

package/components/header/services-link.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link';
 import styles from './services.css';
-export default class ServicesLink extends PureComponent {
+class ServicesLink extends PureComponent {
     static propTypes = {
         isActive: PropTypes.bool,
         service: PropTypes.shape({
@@ -26,3 +26,4 @@ export default class ServicesLink extends PureComponent {
       </Link>);
     }
 }
+export default ServicesLink;

package/components/header/services.js

@@ -16,7 +16,7 @@ const makeAnchor = (loading) => {
     };
     return Anchor;
 };
-export default class Services extends PureComponent {
+class Services extends PureComponent {
     static sort = (a, b) => {
         const aApplicationName = a.applicationName || '';
         const bApplicationName = b.applicationName || '';
@@ -60,3 +60,4 @@ export default class Services extends PureComponent {
       </Dropdown>);
     }
 }
+export default Services;

package/components/header/smart-profile.js

@@ -4,7 +4,7 @@ import Auth, { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED
 import alertService from '../alert-service/alert-service';
 import Profile from './profile';
 const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
-export default class SmartProfile extends PureComponent {
+class SmartProfile extends PureComponent {
     static propTypes = {
         auth: PropTypes.instanceOf(Auth).isRequired,
         className: PropTypes.string,
@@ -84,3 +84,4 @@ export default class SmartProfile extends PureComponent {
         return (<Profile onLogin={this.login} onLogout={this.logout} onSwitchUser={this.switchUser} loading={loading} user={user} profileUrl={url} showApplyChangedUser={isUserChangePostponed} showLogIn={isLogoutPostponed} showLogOut={!isLogoutPostponed} showSwitchUser={auth._canShowDialogs() && !isLogoutPostponed && !isUserChangePostponed} onRevertPostponement={this.onRevertPostponement} {...props}/>);
     }
 }
+export default SmartProfile;

package/components/header/smart-services.js

@@ -4,7 +4,7 @@ import Auth from '../auth/auth';
 import HTTP from '../http/http';
 import Services from './services';
 function noop() { }
-export default class SmartServices extends Component {
+class SmartServices extends Component {
     static propTypes = {
         auth: PropTypes.instanceOf(Auth).isRequired
     };
@@ -47,3 +47,4 @@ export default class SmartServices extends Component {
         return (<Services {...props} clientId={auth.config.clientId} initShown loading={loading} onClick={this.getServicesContent} services={services}/>);
     }
 }
+export default SmartServices;

package/components/header/tray-icon.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Button from '../button/button';
 import styles from './header.css';
-export default class TrayIcon extends Component {
+class TrayIcon extends Component {
     static propTypes = {
         ...Button.propTypes,
         icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
@@ -18,3 +18,4 @@ export default class TrayIcon extends Component {
         return (<Button {...restProps} className={classes}/>);
     }
 }
+export default TrayIcon;

package/components/header/tray.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import styles from './header.css';
 const wrapChild = (child) => child && (<div className={styles.trayItem}>{child}</div>);
-export default class Tray extends Component {
+class Tray extends Component {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -16,3 +16,4 @@ export default class Tray extends Component {
       </div>);
     }
 }
+export default Tray;

package/components/hub-source/hub-source.js

@@ -9,7 +9,7 @@ const defaultOptions = {
  * of cached results to greatly increase search speed. Useful for completion and
  * select data source.
  */
-export default class HubSource {
+class HubSource {
     static TOP_ALL = -1;
     http;
     relativeUrl;
@@ -105,3 +105,4 @@ export default class HubSource {
         return this.processResults(res);
     }
 }
+export default HubSource;

package/components/icon/icon.js

@@ -11,7 +11,7 @@ import IconSVG from './icon__svg';
 const warnSize = deprecate(() => { }, `\`size\`, \`width\` and \`height\` props are not recommended to use in Ring UI \`Icon\` component. The intrinsic sizes of SVG icon (\`width\` and \`height\` SVG attributes) are used instead.
 
 We strongly recommend to use icons handcrafted for particular sizes. If your icon doesn't exist in the desired size, please ask your designer to draw one. "Responsive" checkmark should be unchecked when exporting icon.'`);
-export default class Icon extends PureComponent {
+class Icon extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         color: PropTypes.string,
@@ -66,4 +66,5 @@ export default class Icon extends PureComponent {
       </span>);
     }
 }
+export default Icon;
 export { Color, Size };

package/components/input/input.js

@@ -22,7 +22,7 @@ var Size;
     Size["L"] = "L";
     Size["FULL"] = "FULL";
 })(Size || (Size = {}));
-export class Input extends PureComponent {
+class Input extends PureComponent {
     static defaultProps = {
         size: Size.M,
         onChange: noop,
@@ -134,6 +134,7 @@ export class Input extends PureComponent {
       </div>);
     }
 }
+export { Input };
 Input.propTypes = {
     value: PropTypes.string,
     className: PropTypes.string,

package/components/island/island.js

@@ -7,7 +7,7 @@ import styles from './island.css';
 /**
  * @name Island
  */
-export default class Island extends Component {
+class Island extends Component {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string,
@@ -26,6 +26,7 @@ export default class Island extends Component {
       </div>);
     }
 }
+export default Island;
 export const AdaptiveIsland = adaptiveIslandHOC(Island);
 export { default as Header } from './header';
 export { default as Content } from './content';

package/components/island-legacy/content-legacy.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './island-legacy.css';
-export default class Content extends PureComponent {
+class Content extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -15,3 +15,4 @@ export default class Content extends PureComponent {
       </div>);
     }
 }
+export default Content;

package/components/island-legacy/header-legacy.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './island-legacy.css';
-export default class Header extends PureComponent {
+class Header extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -17,3 +17,4 @@ export default class Header extends PureComponent {
       </div>);
     }
 }
+export default Header;

package/components/island-legacy/island-legacy.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import './island-legacy.css';
-export default class Island extends PureComponent {
+class Island extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -15,5 +15,6 @@ export default class Island extends PureComponent {
       </div>);
     }
 }
+export default Island;
 export { default as Header } from './header-legacy';
 export { default as Content } from './content-legacy';

package/components/link/clickableLink.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 const LEFT_BUTTON = 0;
 // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
 const isPlainLeftClick = (e) => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-export default class ClickableLink extends PureComponent {
+class ClickableLink extends PureComponent {
     static propTypes = {
         onClick: PropTypes.func,
         onPlainLeftClick: PropTypes.func,
@@ -31,3 +31,4 @@ export default class ClickableLink extends PureComponent {
         return <a href={href} {...restProps} onClick={this.onClick}>{children}</a>;
     }
 }
+export default ClickableLink;

package/components/list/list.js

@@ -60,7 +60,7 @@ export const ActiveItemContext = createStatefulContext(undefined, 'ActiveItem');
 /**
  * Displays a list of items.
  */
-export default class List extends Component {
+class List extends Component {
     static propTypes = {
         id: PropTypes.string,
         className: PropTypes.string,
@@ -586,3 +586,4 @@ export default class List extends Component {
       </>);
     }
 }
+export default List;

package/components/list/list__hint.js

@@ -6,7 +6,7 @@ import styles from './list.css';
  * @constructor
  * @extends {ReactComponent}
  */
-export default class ListHint extends PureComponent {
+class ListHint extends PureComponent {
     static propTypes = {
         label: PropTypes.node
     };
@@ -14,3 +14,4 @@ export default class ListHint extends PureComponent {
         return (<span className={classnames(styles.item, styles.hint)} data-test="ring-list-hint">{this.props.label}</span>);
     }
 }
+export default ListHint;

package/components/list/list__users-groups-source.js

@@ -18,7 +18,7 @@ var Filter;
     Filter[Filter["USERS"] = 1] = "USERS";
     Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
-export default class ListUsersGroupsSource extends HubSourceUsersGroups {
+class ListUsersGroupsSource extends HubSourceUsersGroups {
     static Filter = Filter;
     listSourceOptions;
     constructor(auth, options) {
@@ -72,3 +72,4 @@ export default class ListUsersGroupsSource extends HubSourceUsersGroups {
         return items;
     }
 }
+export default ListUsersGroupsSource;

package/components/loader/loader.js

@@ -8,7 +8,7 @@ import LoaderCore from './loader__core';
 /**
  * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
  */
-export default class Loader extends PureComponent {
+class Loader extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         size: PropTypes.number,
@@ -42,3 +42,4 @@ export default class Loader extends PureComponent {
         return (<div data-test={dataTests('ring-loader', dataTest)} {...restProps} ref={this.initLoader}/>);
     }
 }
+export default Loader;

package/components/loader/loader__core.js

@@ -34,7 +34,7 @@ const DETERMINISTIC_VALUE = 0.5;
 function deterministic() {
     return DETERMINISTIC_VALUE;
 }
-export default class LoaderCore {
+class LoaderCore {
     static defaultProps = {
         size: 64,
         stop: false,
@@ -217,3 +217,4 @@ export default class LoaderCore {
         this.isRunning = false;
     }
 }
+export default LoaderCore;

package/components/loader-screen/loader-screen.js

@@ -6,7 +6,7 @@ import styles from './loader-screen.css';
 /**
  * @name Loader Screen
  */
-export default class LoaderScreen extends PureComponent {
+class LoaderScreen extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         containerClassName: PropTypes.string,
@@ -23,3 +23,4 @@ export default class LoaderScreen extends PureComponent {
       </div>);
     }
 }
+export default LoaderScreen;

package/components/login-dialog/login-dialog.js

@@ -13,7 +13,7 @@ const DEFAULT_SHOW_FALLBACK_TIMEOUT = 5000;
 /**
  * @name Login Dialog
  */
-export default class LoginDialog extends Component {
+class LoginDialog extends Component {
     static propTypes = {
         show: PropTypes.bool,
         className: PropTypes.string,
@@ -82,3 +82,4 @@ export default class LoginDialog extends Component {
       </Dialog>);
     }
 }
+export default LoginDialog;

package/components/message/message.js

@@ -43,7 +43,7 @@ const getTailOffsets = (offset) => ({
 /**
  * Displays a popup containing a message.
  */
-export default class Message extends Component {
+class Message extends Component {
     static defaultProps = {
         icon: gift,
         directions: [
@@ -111,6 +111,7 @@ export default class Message extends Component {
       </WithThemeClasses>);
     }
 }
+export default Message;
 Message.propTypes = {
     children: PropTypes.node,
     className: PropTypes.string,

package/components/pager/pager.js

@@ -14,7 +14,7 @@ import memoize from '../global/memoize';
 import Link from '../link/link';
 import Icon from '../icon/icon';
 import style from './pager.css';
-export default class Pager extends PureComponent {
+class Pager extends PureComponent {
     static defaultProps = {
         currentPage: 1,
         pageSize: 50,
@@ -210,6 +210,7 @@ export default class Pager extends PureComponent {
       </div>);
     }
 }
+export default Pager;
 Pager.propTypes = {
     total: PropTypes.number.isRequired,
     currentPage: PropTypes.number,

package/components/panel/panel.js

@@ -5,7 +5,7 @@ import styles from './panel.css';
 /**
  * @name Panel
  */
-export default class Panel extends PureComponent {
+class Panel extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -18,3 +18,4 @@ export default class Panel extends PureComponent {
       </div>);
     }
 }
+export default Panel;

package/components/permissions/permissions.js

@@ -23,7 +23,7 @@ import PermissionCache from './permissions__cache';
  * <code>serviceId</code> if provided then permissions only for the service are loaded.
  * @constructor
  */
-export default class Permissions {
+class Permissions {
     /**
      * @const {string}
      */
@@ -175,3 +175,4 @@ export default class Permissions {
         });
     }
 }
+export default Permissions;

package/components/permissions/permissions__cache.js

@@ -11,7 +11,7 @@
  * @return {object} permission cache
  * @private
  */
-export default class PermissionCache {
+class PermissionCache {
     static GLOBAL_PROJECT_ID = 'global';
     /**
      * Convert an array of projects to a set of project ids.
@@ -226,3 +226,4 @@ export default class PermissionCache {
         }
     }
 }
+export default PermissionCache;

package/components/popup/popup.js

@@ -23,7 +23,7 @@ export const getPopupContainer = (target) => (typeof target === 'string' ? docum
  * @name Popup
  * @extends {ReactComponent}
  */
-export default class Popup extends PureComponent {
+class Popup extends PureComponent {
     static defaultProps = {
         shortcuts: true,
         hidden: false,
@@ -273,6 +273,7 @@ export default class Popup extends PureComponent {
       </PopupTargetContext.Consumer>);
     }
 }
+export default Popup;
 Popup.propTypes = {
     anchorElement: PropTypes.instanceOf(Node),
     target: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Element)]),

package/components/popup-menu/popup-menu.js

@@ -6,7 +6,7 @@ const { children, ...popupPropTypes } = Popup.propTypes || {};
 /**
  * @name Popup Menu
  */
-export default class PopupMenu extends Popup {
+class PopupMenu extends Popup {
     static isItemType = List.isItemType;
     static ListProps = List.ListProps;
     static defaultProps = {
@@ -33,6 +33,7 @@ export default class PopupMenu extends Popup {
       </div>);
     }
 }
+export default PopupMenu;
 PopupMenu.propTypes = {
     ...popupPropTypes,
     ...List.propTypes,

package/components/progress-bar/progress-bar.js

@@ -5,7 +5,7 @@ import styles from './progress-bar.css';
 /**
  * @name Progress Bar
  */
-export default class ProgressBar extends PureComponent {
+class ProgressBar extends PureComponent {
     /**
      * @param {number} value The progress task value
      * @param {number} max The maximum value
@@ -68,3 +68,4 @@ export default class ProgressBar extends PureComponent {
       </div>);
     }
 }
+export default ProgressBar;

package/components/query-assist/query-assist.js

@@ -67,7 +67,7 @@ function cleanText(text) {
  + __group__ \`string=\` Group title. Options with the same title are grouped under it
  + __icon__ \`string=\` Icon URI, Data URI is possible
  */
-export default class QueryAssist extends Component {
+class QueryAssist extends Component {
     static propTypes = {
         /**
          * Open suggestions popup during the initial render
@@ -803,7 +803,7 @@ export default class QueryAssist extends Component {
             [styles.withoutGlass]: !glass || (!renderLoader && huge)
         });
         return (<ControlsHeightContext.Provider value={ControlsHeight.M}>
-        <div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="search" ref={this.nodeRef}>
+        <div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="presentation" ref={this.nodeRef}>
           {this.state.shortcuts && (<Shortcuts map={this.shortcutsMap} scope={this.shortcutsScope}/>)}
 
           {renderGlass && !huge && (<Icon glyph={searchIcon} className={styles.icon} title={this.props.translations.searchTitle} ref={this.glassRef} data-test="query-assist-search-icon"/>)}
@@ -815,7 +815,7 @@ export default class QueryAssist extends Component {
               <LoaderInline />
             </div>)}
 
-          <ContentEditable aria-label={this.props.translations.searchTitle} role="searchbox" className={inputClasses} data-test="ring-query-assist-input" inputRef={this.inputRef} disabled={this.props.disabled} onComponentUpdate={() => this.setCaretPosition({ fromContentEditable: true })} onBlur={this.handleFocusChange} onClick={this.handleCaretMove} onCompositionStart={this.trackCompositionState} onCompositionEnd={this.trackCompositionState} onFocus={this.handleFocusChange} onInput={this.handleInput} // To support IE use the same method
+          <ContentEditable aria-label={this.props.translations.searchTitle} className={inputClasses} data-test="ring-query-assist-input" inputRef={this.inputRef} disabled={this.props.disabled} onComponentUpdate={() => this.setCaretPosition({ fromContentEditable: true })} onBlur={this.handleFocusChange} onClick={this.handleCaretMove} onCompositionStart={this.trackCompositionState} onCompositionEnd={this.trackCompositionState} onFocus={this.handleFocusChange} onInput={this.handleInput} // To support IE use the same method
          onKeyUp={this.handleInput} // to handle input and key up
          onKeyDown={this.handleEnter} onPaste={this.handlePaste} spellCheck="false">{this.state.query && <span>{this.renderQuery()}</span>}</ContentEditable>
 
@@ -836,4 +836,5 @@ export default class QueryAssist extends Component {
       </ControlsHeightContext.Provider>);
     }
 }
+export default QueryAssist;
 export const RerenderableQueryAssist = rerenderHOC(QueryAssist);

package/components/radio/radio.js

@@ -5,7 +5,7 @@ import RadioItem, { RadioContext } from './radio__item';
 /**
  * @name Radio
  */
-export default class Radio extends Component {
+class Radio extends Component {
     static propTypes = {
         name: PropTypes.string,
         disabled: PropTypes.bool,
@@ -25,3 +25,4 @@ export default class Radio extends Component {
       </RadioContext.Provider>);
     }
 }
+export default Radio;

package/components/radio/radio__item.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import getUID from '../global/get-uid';
 import styles from './radio.css';
 export const RadioContext = createContext({});
-export class Radio extends Component {
+class Radio extends Component {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node,
@@ -32,6 +32,7 @@ export class Radio extends Component {
       </label>);
     }
 }
+export { Radio };
 const RadioItem = forwardRef(function RadioItem(props, ref) {
     return (<RadioContext.Consumer>
       {({ value, onChange, ...restContext }) => (<Radio ref={ref} {...restContext} checked={value != null ? value === props.value : undefined} onChange={onChange != null ? () => onChange(props.value) : undefined} {...props}/>)}

package/components/select/select.js

@@ -175,7 +175,7 @@ function isSameSelected(prevSelected, selected) {
 /**
  * Displays a select.
  */
-export default class Select extends Component {
+class Select extends Component {
     static defaultProps = {
         data: [],
         filter: false,
@@ -870,6 +870,7 @@ export default class Select extends Component {
       </ActiveItemContext.Provider>);
     }
 }
+export default Select;
 Select.propTypes = {
     className: PropTypes.string,
     buttonClassName: PropTypes.string,

package/components/select/select__filter.js

@@ -6,7 +6,7 @@ import sniffr from '../global/sniffer';
 import { ActiveItemContext } from '../list/list';
 import styles from './select-popup.css';
 function noop() { }
-export default class SelectFilter extends Component {
+class SelectFilter extends Component {
     static defaultProps = {
         placeholder: 'Filter items',
         inputRef: noop
@@ -38,6 +38,7 @@ export default class SelectFilter extends Component {
       </ActiveItemContext.ValueContext.Consumer>);
     }
 }
+export default SelectFilter;
 SelectFilter.propTypes = {
     placeholder: PropTypes.string,
     className: PropTypes.string,

package/components/select/select__popup.js

@@ -29,7 +29,7 @@ const FILTER_HEIGHT = 35;
 const TOOLBAR_HEIGHT = 49;
 function noop() { }
 const FilterWithShortcuts = shortcutsHOC(SelectFilter);
-export default class SelectPopup extends PureComponent {
+class SelectPopup extends PureComponent {
     static defaultProps = {
         data: [],
         activeIndex: null,
@@ -75,7 +75,8 @@ export default class SelectPopup extends PureComponent {
     }
     caret;
     handleNavigation(event, navigateLeft) {
-        if (this.isEventTargetFilter(event) && this.caret != null && this.caret.getPosition() > 0 ||
+        if (this.isEventTargetFilter(event) && this.caret != null &&
+            Number(this.caret.getPosition()) > 0 ||
             !Array.isArray(this.props.selected)) {
             return;
         }
@@ -338,6 +339,7 @@ export default class SelectPopup extends PureComponent {
       </PopupTargetContext.Consumer>);
     }
 }
+export default SelectPopup;
 SelectPopup.propTypes = {
     activeIndex: PropTypes.number,
     anchorElement: PropTypes.instanceOf(HTMLElement),

package/components/shortcuts/shortcuts.js

@@ -1,7 +1,7 @@
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import shortcuts from './core';
-export default class Shortcuts extends PureComponent {
+class Shortcuts extends PureComponent {
     static propTypes = {
         map: PropTypes.object.isRequired,
         scope: PropTypes.string.isRequired,
@@ -48,3 +48,4 @@ export default class Shortcuts extends PureComponent {
         return this.props.children || null;
     }
 }
+export default Shortcuts;

package/components/storage/storage__fallback.js

@@ -13,7 +13,7 @@ const SECONDS_IN_DAY = 24 * 60 * 60 * 1000;
  * @return {FallbackStorage}
  * @constructor
  */
-export default class FallbackStorage {
+class FallbackStorage {
     static DEFAULT_COOKIE_NAME = 'localStorage';
     static DEFAULT_SESSION_COOKIE_NAME = 'sessionStorage';
     static DEFAULT_CHECK_DELAY = DEFAULT_CHECK_DELAY;
@@ -179,3 +179,4 @@ export default class FallbackStorage {
         };
     }
 }
+export default FallbackStorage;

package/components/tab-trap/tab-trap.js

@@ -6,7 +6,7 @@ export const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[t
 /**
  * @name TabTrap
  */
-export default class TabTrap extends Component {
+class TabTrap extends Component {
     static propTypes = {
         children: PropTypes.node.isRequired,
         trapDisabled: PropTypes.bool,
@@ -123,3 +123,4 @@ export default class TabTrap extends Component {
       </div>);
     }
 }
+export default TabTrap;