@jetbrains/ring-ui 5.0.142 → 5.0.143

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>);
-class Tray extends Component {
+export default class Tray extends Component {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -16,4 +16,3 @@ 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.
  */
-class HubSource {
+export default class HubSource {
     static TOP_ALL = -1;
     http;
     relativeUrl;
@@ -105,4 +105,3 @@ 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.'`);
-class Icon extends PureComponent {
+export default class Icon extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         color: PropTypes.string,
@@ -66,5 +66,4 @@ class Icon extends PureComponent {
       </span>);
     }
 }
-export default Icon;
 export { Color, Size };

package/components/input/input.js

@@ -23,7 +23,7 @@ var Size;
     Size["L"] = "L";
     Size["FULL"] = "FULL";
 })(Size || (Size = {}));
-class Input extends PureComponent {
+export class Input extends PureComponent {
     static defaultProps = {
         size: Size.M,
         onChange: noop,
@@ -134,7 +134,6 @@ class Input extends PureComponent {
       </I18nContext.Consumer>);
     }
 }
-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
  */
-class Island extends Component {
+export default class Island extends Component {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string,
@@ -26,7 +26,6 @@ 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';
-class Content extends PureComponent {
+export default class Content extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -15,4 +15,3 @@ 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';
-class Header extends PureComponent {
+export default class Header extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -17,4 +17,3 @@ 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';
-class Island extends PureComponent {
+export default class Island extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -15,6 +15,5 @@ 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;
-class ClickableLink extends PureComponent {
+export default class ClickableLink extends PureComponent {
     static propTypes = {
         onClick: PropTypes.func,
         onPlainLeftClick: PropTypes.func,
@@ -31,4 +31,3 @@ 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.
  */
-class List extends Component {
+export default class List extends Component {
     static propTypes = {
         id: PropTypes.string,
         className: PropTypes.string,
@@ -586,4 +586,3 @@ 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}
  */
-class ListHint extends PureComponent {
+export default class ListHint extends PureComponent {
     static propTypes = {
         label: PropTypes.node
     };
@@ -14,4 +14,3 @@ 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 = {}));
-class ListUsersGroupsSource extends HubSourceUsersGroups {
+export default class ListUsersGroupsSource extends HubSourceUsersGroups {
     static Filter = Filter;
     listSourceOptions;
     constructor(auth, options) {
@@ -72,4 +72,3 @@ 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.
  */
-class Loader extends PureComponent {
+export default class Loader extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         size: PropTypes.number,
@@ -42,4 +42,3 @@ 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;
 }
-class LoaderCore {
+export default class LoaderCore {
     static defaultProps = {
         size: 64,
         stop: false,
@@ -217,4 +217,3 @@ 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
  */
-class LoaderScreen extends PureComponent {
+export default class LoaderScreen extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         containerClassName: PropTypes.string,
@@ -23,4 +23,3 @@ 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
  */
-class LoginDialog extends Component {
+export default class LoginDialog extends Component {
     static propTypes = {
         show: PropTypes.bool,
         className: PropTypes.string,
@@ -82,4 +82,3 @@ class LoginDialog extends Component {
       </Dialog>);
     }
 }
-export default LoginDialog;

package/components/message/message.js

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

package/components/pager/pager.js

@@ -15,7 +15,7 @@ import Link from '../link/link';
 import Icon from '../icon/icon';
 import { I18nContext } from '../i18n/i18n-context';
 import style from './pager.css';
-class Pager extends PureComponent {
+export default class Pager extends PureComponent {
     static defaultProps = {
         currentPage: 1,
         pageSize: 50,
@@ -209,7 +209,6 @@ 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
  */
-class Panel extends PureComponent {
+export default class Panel extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -18,4 +18,3 @@ 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
  */
-class Permissions {
+export default class Permissions {
     /**
      * @const {string}
      */
@@ -175,4 +175,3 @@ class Permissions {
         });
     }
 }
-export default Permissions;

package/components/permissions/permissions__cache.js

@@ -11,7 +11,7 @@
  * @return {object} permission cache
  * @private
  */
-class PermissionCache {
+export default class PermissionCache {
     static GLOBAL_PROJECT_ID = 'global';
     /**
      * Convert an array of projects to a set of project ids.
@@ -226,4 +226,3 @@ 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}
  */
-class Popup extends PureComponent {
+export default class Popup extends PureComponent {
     static defaultProps = {
         shortcuts: true,
         hidden: false,
@@ -273,7 +273,6 @@ 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
  */
-class PopupMenu extends Popup {
+export default class PopupMenu extends Popup {
     static isItemType = List.isItemType;
     static ListProps = List.ListProps;
     static defaultProps = {
@@ -33,7 +33,6 @@ 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
  */
-class ProgressBar extends PureComponent {
+export default class ProgressBar extends PureComponent {
     /**
      * @param {number} value The progress task value
      * @param {number} max The maximum value
@@ -68,4 +68,3 @@ class ProgressBar extends PureComponent {
       </div>);
     }
 }
-export default ProgressBar;

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

@@ -68,7 +68,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
  */
-class QueryAssist extends Component {
+export default class QueryAssist extends Component {
     static propTypes = {
         /**
          * Open suggestions popup during the initial render
@@ -837,5 +837,4 @@ 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
  */
-class Radio extends Component {
+export default class Radio extends Component {
     static propTypes = {
         name: PropTypes.string,
         disabled: PropTypes.bool,
@@ -25,4 +25,3 @@ 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({});
-class Radio extends Component {
+export class Radio extends Component {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node,
@@ -32,7 +32,6 @@ 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

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

package/components/select/select__filter.js

@@ -7,7 +7,7 @@ import { ActiveItemContext } from '../list/list';
 import { I18nContext } from '../i18n/i18n-context';
 import styles from './select-popup.css';
 function noop() { }
-class SelectFilter extends Component {
+export default class SelectFilter extends Component {
     static defaultProps = {
         inputRef: noop
     };
@@ -40,7 +40,6 @@ 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);
-class SelectPopup extends PureComponent {
+export default class SelectPopup extends PureComponent {
     static defaultProps = {
         data: [],
         activeIndex: null,
@@ -339,7 +339,6 @@ 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';
-class Shortcuts extends PureComponent {
+export default class Shortcuts extends PureComponent {
     static propTypes = {
         map: PropTypes.object.isRequired,
         scope: PropTypes.string.isRequired,
@@ -48,4 +48,3 @@ 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
  */
-class FallbackStorage {
+export default class FallbackStorage {
     static DEFAULT_COOKIE_NAME = 'localStorage';
     static DEFAULT_SESSION_COOKIE_NAME = 'sessionStorage';
     static DEFAULT_CHECK_DELAY = DEFAULT_CHECK_DELAY;
@@ -179,4 +179,3 @@ 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
  */
-class TabTrap extends Component {
+export default class TabTrap extends Component {
     static propTypes = {
         children: PropTypes.node.isRequired,
         trapDisabled: PropTypes.bool,
@@ -123,4 +123,3 @@ class TabTrap extends Component {
       </div>);
     }
 }
-export default TabTrap;

package/components/table/cell.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import dataTests from '../global/data-tests';
 import style from './table.css';
-class Cell extends PureComponent {
+export default class Cell extends PureComponent {
     static propTypes = {
         children: PropTypes.any,
         className: PropTypes.string,
@@ -14,4 +14,3 @@ class Cell extends PureComponent {
         return (<td {...this.props} className={classes} data-test={dataTests('ring-table-cell', this.props['data-test'])}>{this.props.children}</td>);
     }
 }
-export default Cell;

package/components/table/header-cell.js

@@ -6,7 +6,7 @@ import sortedIcon from '@jetbrains/icons/chevron-10px';
 import Icon from '../icon/icon';
 import dataTests from '../global/data-tests';
 import style from './table.css';
-class HeaderCell extends PureComponent {
+export default class HeaderCell extends PureComponent {
     static propTypes = {
         children: PropTypes.any,
         className: PropTypes.string,
@@ -54,4 +54,3 @@ class HeaderCell extends PureComponent {
       </th>);
     }
 }
-export default HeaderCell;

package/components/table/header.js

@@ -6,7 +6,7 @@ import Checkbox from '../checkbox/checkbox';
 import getUID from '../global/get-uid';
 import style from './table.css';
 import HeaderCell from './header-cell';
-class Header extends PureComponent {
+export default class Header extends PureComponent {
     static propTypes = {
         caption: PropTypes.string,
         selectable: PropTypes.bool,
@@ -109,4 +109,3 @@ class Header extends PureComponent {
       </thead>);
     }
 }
-export default Header;

package/components/table/multitable.js

@@ -1,6 +1,6 @@
 import React, { PureComponent, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
-class MultiTable extends PureComponent {
+export default class MultiTable extends PureComponent {
     static propTypes = {
         children: PropTypes.any.isRequired
     };
@@ -79,4 +79,3 @@ class MultiTable extends PureComponent {
             })}</div>);
     }
 }
-export default MultiTable;

package/components/table/row.js

@@ -22,7 +22,7 @@ DragHandle.propTypes = {
     alwaysShowDragHandle: PropTypes.bool,
     dragHandleTitle: PropTypes.string
 };
-class Row extends PureComponent {
+export default class Row extends PureComponent {
     static defaultProps = {
         selectable: true,
         showFocus: false,
@@ -123,7 +123,6 @@ class Row extends PureComponent {
         return (<tr id={this.id} ref={composeRefs(this.rowRef, innerRef)} className={classes} tabIndex={0} data-test={dataTests('ring-table-row', dataTest)} {...testAttrs} {...restProps} onMouseMove={this.onMouseEnter} onClick={this.onClick} onDoubleClick={this.onDoubleClick}>{cells}</tr>);
     }
 }
-export default Row;
 Row.propTypes = {
     className: PropTypes.string,
     metaColumnClassName: PropTypes.string,

package/components/table/table.js

@@ -18,7 +18,7 @@ import Row from './row-with-focus-sensor';
 /**
  * Interactive table with selection and keyboard navigation support.
  */
-class Table extends PureComponent {
+export class Table extends PureComponent {
     static defaultProps = {
         isItemSelectable: () => true,
         loading: false,
@@ -175,7 +175,6 @@ class Table extends PureComponent {
       </div>);
     }
 }
-export { Table };
 Table.propTypes = {
     className: PropTypes.string,
     loaderClassName: PropTypes.string,
@@ -222,7 +221,7 @@ Table.propTypes = {
 };
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));
 // eslint-disable-next-line react/no-multi-comp
-class TableContainer extends Component {
+export default class TableContainer extends Component {
     // https://stackoverflow.com/a/53882322/6304152
     static propTypes = getContainer().propTypes;
     Table = getContainer();
@@ -230,4 +229,3 @@ class TableContainer extends Component {
         return <this.Table {...this.props}/>;
     }
 }
-export default TableContainer;

package/components/tabs/smart-tabs.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import dataTests from '../global/data-tests';
 import Tabs from './dumb-tabs';
-class SmartTabs extends PureComponent {
+export default class SmartTabs extends PureComponent {
     static propTypes = {
         children: PropTypes.arrayOf(PropTypes.element).isRequired,
         initSelected: PropTypes.string,
@@ -23,4 +23,3 @@ class SmartTabs extends PureComponent {
         return (<Tabs data-test={dataTests('ring-smart-tabs', dataTest)} selected={this.state.selected} onSelect={this.handleSelect} {...restProps}>{children}</Tabs>);
     }
 }
-export default SmartTabs;

package/components/tabs/tab.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import dataTests from '../global/data-tests';
-class Tab extends PureComponent {
+export default class Tab extends PureComponent {
     static propTypes = {
         title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
         id: PropTypes.string,
@@ -17,4 +17,3 @@ class Tab extends PureComponent {
       </div>);
     }
 }
-export default Tab;