@jetbrains/ring-ui 5.0.127 → 5.0.129

package/components/alert/alert.js

@@ -54,7 +54,7 @@ const TypeToIconColor = {
 /**
  * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
  */
-export default class Alert extends PureComponent {
+class Alert extends PureComponent {
     static propTypes = {
         timeout: PropTypes.number,
         /**
@@ -183,4 +183,5 @@ export default class Alert extends PureComponent {
       </ThemeProvider>);
     }
 }
+export default Alert;
 export { default as Container } from './container';

package/components/alert/container.js

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import styles from './container.css';
-export default class Alerts extends PureComponent {
+class Alerts extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string
@@ -28,3 +28,4 @@ export default class Alerts extends PureComponent {
       </div>, document.body);
     }
 }
+export default Alerts;

package/components/auth/auth__core.js

@@ -56,7 +56,7 @@ const DEFAULT_CONFIG = {
         errorMessage: 'There may be a problem with your network connection. Make sure that you are online and'
     }
 };
-export default class Auth {
+class Auth {
     static DEFAULT_CONFIG = DEFAULT_CONFIG;
     static API_PATH = 'api/rest/';
     static API_AUTH_PATH = 'oauth2/auth';
@@ -815,3 +815,4 @@ export default class Auth {
         }
     }
 }
+export default Auth;

package/components/auth/request-builder.js

@@ -1,6 +1,6 @@
 import uuid from 'simply-uuid';
 import { encodeURL } from '../global/url';
-export default class AuthRequestBuilder {
+class AuthRequestBuilder {
     config;
     storage;
     /**
@@ -62,3 +62,4 @@ export default class AuthRequestBuilder {
         return this.storage?.saveState(id, storedState);
     }
 }
+export default AuthRequestBuilder;

package/components/auth/response-parser.js

@@ -21,7 +21,7 @@ export class AuthError extends ExtendableError {
  * @property {?string} scope
  * @property {?string} error
  */
-export default class AuthResponseParser {
+class AuthResponseParser {
     _authResponse;
     constructor() {
         this._authResponse = this.readAuthResponseFromURL();
@@ -97,3 +97,4 @@ export default class AuthResponseParser {
         return window.location.toString();
     }
 }
+export default AuthResponseParser;

package/components/auth/token-validator.js

@@ -9,7 +9,7 @@ export class TokenValidationError extends ExtendableError {
         this.authRedirect = true;
     }
 }
-export default class TokenValidator {
+class TokenValidator {
     _getUser;
     _config;
     _storage;
@@ -167,3 +167,4 @@ export default class TokenValidator {
         return storedToken.accessToken;
     }
 }
+export default TokenValidator;

package/components/auth-dialog/auth-dialog.js

@@ -6,7 +6,7 @@ import Dialog from '../dialog/dialog';
 import Button from '../button/button';
 import { H2 } from '../heading/heading';
 import styles from './auth-dialog.css';
-export default class AuthDialog extends Component {
+class AuthDialog extends Component {
     static propTypes = {
         className: PropTypes.string,
         title: PropTypes.string,
@@ -89,3 +89,4 @@ export default class AuthDialog extends Component {
       </Dialog>);
     }
 }
+export default AuthDialog;

package/components/avatar/avatar.js

@@ -19,7 +19,7 @@ export var Size;
     Size[Size["Size48"] = 48] = "Size48";
     Size[Size["Size56"] = 56] = "Size56";
 })(Size || (Size = {}));
-export default class Avatar extends PureComponent {
+class Avatar extends PureComponent {
     static propTypes = {
         dpr: PropTypes.number,
         className: PropTypes.string,
@@ -96,3 +96,4 @@ export default class Avatar extends PureComponent {
         }
     }
 }
+export default Avatar;

package/components/badge/badge.js

@@ -6,7 +6,7 @@ import style from './badge.css';
 /**
  * @name Badge
  */
-export default class Badge extends PureComponent {
+class Badge extends PureComponent {
     static propTypes = {
         gray: PropTypes.bool,
         valid: PropTypes.bool,
@@ -33,3 +33,4 @@ export default class Badge extends PureComponent {
       </span>);
     }
 }
+export default Badge;

package/components/button/button.js

@@ -14,7 +14,7 @@ import { getButtonClasses } from './button__classes';
 /**
  * A component for displaying variously styled buttons.
  */
-export class Button extends PureComponent {
+class Button extends PureComponent {
     static propTypes = {
         active: PropTypes.bool,
         danger: PropTypes.bool,
@@ -67,5 +67,6 @@ export class Button extends PureComponent {
             : (<button ref={this.buttonRef} type="button" {...commonProps}/>);
     }
 }
+export { Button };
 export { Size as IconSize };
 export default Button;

package/components/button-group/button-group.js

@@ -7,7 +7,7 @@ import styles from './button-group.css';
 /**
  * @name Button Group
  */
-export default class ButtonGroup extends PureComponent {
+class ButtonGroup extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string
@@ -18,4 +18,5 @@ export default class ButtonGroup extends PureComponent {
         return (<div {...restProps} data-test={dataTests('ring-button-group', dataTest)} className={classes}/>);
     }
 }
+export default ButtonGroup;
 export { Caption };

package/components/button-group/caption.js

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import styles from './button-group.css';
-export default class Caption extends PureComponent {
+class Caption extends PureComponent {
     static propTypes = {
         className: PropTypes.node
     };
@@ -12,3 +12,4 @@ export default class Caption extends PureComponent {
         return (<span {...this.props} className={classes}/>);
     }
 }
+export default Caption;

package/components/button-set/button-set.js

@@ -6,7 +6,7 @@ import styles from './button-set.css';
 /**
  * @name Button Set
  */
-export default class ButtonSet extends PureComponent {
+class ButtonSet extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string,
@@ -20,3 +20,4 @@ export default class ButtonSet extends PureComponent {
       </div>);
     }
 }
+export default ButtonSet;

package/components/button-toolbar/button-toolbar.js

@@ -6,7 +6,7 @@ import styles from './button-toolbar.css';
 /**
  * @name Button Toolbar
 */
-export default class ButtonToolbar extends PureComponent {
+class ButtonToolbar extends PureComponent {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string,
@@ -18,3 +18,4 @@ export default class ButtonToolbar extends PureComponent {
         return (<div {...restProps} data-test={dataTests('ring-button-toolbar', dataTest)} className={classes}/>);
     }
 }
+export default ButtonToolbar;

package/components/caret/caret.js

@@ -2,7 +2,7 @@ import { getRect } from '../global/dom';
 /**
  * @name Caret
  */
-export default class Caret {
+class Caret {
     /**
      * Line endings RegExp
      * @type {RegExp}
@@ -214,3 +214,4 @@ export default class Caret {
         return offset;
     }
 }
+export default Caret;

package/components/checkbox/checkbox.js

@@ -13,7 +13,7 @@ import styles from './checkbox.css';
 /**
  * Displays a checkbox.
  */
-export default class Checkbox extends PureComponent {
+class Checkbox extends PureComponent {
     static propTypes = {
         name: PropTypes.string,
         label: PropTypes.string,
@@ -70,3 +70,4 @@ export default class Checkbox extends PureComponent {
       </label>);
     }
 }
+export default Checkbox;

package/components/code/code.js

@@ -17,7 +17,7 @@ const registerLanguage = memoize(async (language) => {
 /**
  * @name Code
  */
-export default class Code extends PureComponent {
+class Code extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         code: PropTypes.string.isRequired,
@@ -90,5 +90,6 @@ export default class Code extends PureComponent {
       </Tag>);
     }
 }
+export default Code;
 const code = trivialTemplateTag((source) => <Code code={source}/>);
 export { code, highlight };

package/components/confirm/confirm.js

@@ -8,7 +8,7 @@ import styles from './confirm.css';
 /**
  * @name Confirm
  */
-export default class Confirm extends PureComponent {
+class Confirm extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         text: PropTypes.string,
@@ -57,3 +57,4 @@ export default class Confirm extends PureComponent {
       </Dialog>);
     }
 }
+export default Confirm;

package/components/content-layout/content-layout.js

@@ -6,7 +6,7 @@ import styles from './content-layout.css';
 /**
  * @name Content Layout
  */
-export default class ContentLayout extends Component {
+class ContentLayout extends Component {
     static propTypes = {
         children: PropTypes.node,
         className: PropTypes.string,
@@ -42,4 +42,5 @@ export default class ContentLayout extends Component {
       </div>);
     }
 }
+export default ContentLayout;
 export { default as Sidebar } from './sidebar';

package/components/content-layout/sidebar.js

@@ -5,7 +5,7 @@ import { Waypoint } from 'react-waypoint';
 import styles from './content-layout.css';
 const ABOVE = 'above';
 const INSIDE = 'inside';
-export default class Sidebar extends Component {
+class Sidebar extends Component {
     static propTypes = {
         right: PropTypes.bool,
         children: PropTypes.node,
@@ -74,3 +74,4 @@ export default class Sidebar extends Component {
       </aside>);
     }
 }
+export default Sidebar;

package/components/data-list/data-list.js

@@ -109,7 +109,7 @@ DataList.propTypes = {
 };
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
 // eslint-disable-next-line react/no-multi-comp
-export default class DataListContainer extends Component {
+class DataListContainer extends Component {
     static propTypes = getContainer().propTypes;
     // https://stackoverflow.com/a/53882322/6304152
     DataList = getContainer();
@@ -117,3 +117,4 @@ export default class DataListContainer extends Component {
         return <this.DataList {...this.props}/>;
     }
 }
+export default DataListContainer;

package/components/data-list/item.js

@@ -18,7 +18,7 @@ export var moreLessButtonStates;
 })(moreLessButtonStates || (moreLessButtonStates = {}));
 const ITEM_LEFT_OFFSET = 32;
 const LIST_LEFT_OFFSET = 24;
-export default class Item extends PureComponent {
+class Item extends PureComponent {
     static defaultProps = {
         items: [],
         level: 0,
@@ -89,6 +89,7 @@ export default class Item extends PureComponent {
       </li>);
     }
 }
+export default Item;
 Item.propTypes = {
     item: PropTypes.shape({
         id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired

package/components/date-picker/date-input.js

@@ -5,7 +5,7 @@ import Input from '../input/input';
 import { ControlsHeight } from '../global/controls-height';
 import { dateType } from './consts';
 import styles from './date-picker.css';
-export default class DateInput extends React.PureComponent {
+class DateInput extends React.PureComponent {
     static propTypes = {
         active: PropTypes.bool,
         divider: PropTypes.bool,
@@ -96,3 +96,4 @@ export default class DateInput extends React.PureComponent {
         return (<Input autoComplete="off" borderless height={ControlsHeight.L} data-name={name} inputRef={this.inputRef} className={classes} value={displayText} onChange={this.handleChange} onFocus={onActivate} onKeyDown={this.handleKeyDown} onClear={onClear} placeholder={placeholder}/>);
     }
 }
+export default DateInput;

package/components/date-picker/date-picker.js

@@ -41,7 +41,7 @@ PopupComponent.propTypes = {
 /**
  * @name Date Picker
  */
-export default class DatePicker extends PureComponent {
+class DatePicker extends PureComponent {
     static propTypes = {
         className: PropTypes.string,
         popupClassName: PropTypes.string,
@@ -222,3 +222,4 @@ export default class DatePicker extends PureComponent {
       </Dropdown>);
     }
 }
+export default DatePicker;

package/components/date-picker/date-popup.js

@@ -13,7 +13,7 @@ import Weekdays from './weekdays';
 import { dateType, parseTime } from './consts';
 import styles from './date-picker.css';
 const scrollExpDelay = 10;
-export default class DatePopup extends Component {
+class DatePopup extends Component {
     static sameDay(next, prev) {
         if (next && prev) {
             return isSameDay(next, prev);
@@ -346,3 +346,4 @@ export default class DatePopup extends Component {
       </div>);
     }
 }
+export default DatePopup;

package/components/date-picker/day.js

@@ -13,7 +13,7 @@ import startOfDay from 'date-fns/startOfDay';
 import { dateType, weekdays } from './consts';
 import styles from './date-picker.css';
 let hoverTO;
-export default class Day extends Component {
+class Day extends Component {
     static propTypes = {
         day: dateType,
         from: dateType,
@@ -86,3 +86,4 @@ export default class Day extends Component {
       </button>);
     }
 }
+export default Day;

package/components/date-picker/month-slider.js

@@ -8,7 +8,7 @@ import linearFunction from '../global/linear-function';
 import units, { dateType, yearScrollSpeed } from './consts';
 import styles from './date-picker.css';
 const COVERYEARS = 3;
-export default class MonthSlider extends PureComponent {
+class MonthSlider extends PureComponent {
     static propTypes = {
         scrollDate: dateType,
         onScroll: PropTypes.func,
@@ -54,3 +54,4 @@ export default class MonthSlider extends PureComponent {
       </div>);
     }
 }
+export default MonthSlider;

package/components/date-picker/years.js

@@ -16,7 +16,7 @@ const { yearHeight, calHeight } = units;
 let scrollTO;
 const YEARSBACK = 5;
 const scrollDelay = 100;
-export default class Years extends PureComponent {
+class Years extends PureComponent {
     static propTypes = {
         scrollDate: dateType,
         onScroll: PropTypes.func,
@@ -73,3 +73,4 @@ export default class Years extends PureComponent {
       </div>);
     }
 }
+export default Years;

package/components/dialog/dialog.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import TabTrap, { TabTrapProps } from '../tab-trap/tab-trap';
+import type { ShortcutsScopeOptions } from '../shortcuts/core';
 export interface DialogProps extends Partial<TabTrapProps> {
     show: boolean;
     label: string;
@@ -9,6 +10,7 @@ export interface DialogProps extends Partial<TabTrapProps> {
     onCloseClick: (event: React.MouseEvent<HTMLElement>) => void;
     onCloseAttempt: (event: React.MouseEvent<HTMLElement> | KeyboardEvent) => void;
     showCloseButton: boolean;
+    shortcutOptions: ShortcutsScopeOptions;
     closeButtonInside: boolean;
     closeButtonTitle?: string;
     trapFocus: boolean;
@@ -17,10 +19,6 @@ export interface DialogProps extends Partial<TabTrapProps> {
     'data-test'?: string | null | undefined;
     dense?: boolean | null | undefined;
 }
-/**
- * @name Dialog
- */
-declare function noop(): void;
 export default class Dialog extends PureComponent<DialogProps> {
     static propTypes: {
         label: PropTypes.Requireable<string>;
@@ -34,23 +32,14 @@ export default class Dialog extends PureComponent<DialogProps> {
         onOverlayClick: PropTypes.Requireable<(...args: any[]) => any>;
         onEscPress: PropTypes.Requireable<(...args: any[]) => any>;
         onCloseClick: PropTypes.Requireable<(...args: any[]) => any>;
+        shortcutOptions: PropTypes.Requireable<object>;
         onCloseAttempt: PropTypes.Requireable<(...args: any[]) => any>;
         trapFocus: PropTypes.Requireable<boolean>;
         portalTarget: PropTypes.Requireable<HTMLElement>;
         autoFocusFirst: PropTypes.Requireable<boolean>;
         'data-test': PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        label: string;
-        onOverlayClick: typeof noop;
-        onEscPress: typeof noop;
-        onCloseClick: typeof noop;
-        onCloseAttempt: typeof noop;
-        showCloseButton: boolean;
-        closeButtonInside: boolean;
-        trapFocus: boolean;
-        autoFocusFirst: boolean;
-    };
+    static defaultProps: Partial<DialogProps>;
     state: {
         shortcutsScope: string;
     };
@@ -73,4 +62,3 @@ export default class Dialog extends PureComponent<DialogProps> {
     render(): false | React.ReactPortal;
 }
 export type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;
-export {};

package/components/dialog/dialog.js

@@ -16,7 +16,7 @@ import styles from './dialog.css';
  * @name Dialog
  */
 function noop() { }
-export default class Dialog extends PureComponent {
+class Dialog extends PureComponent {
     static propTypes = {
         label: PropTypes.string,
         className: PropTypes.string,
@@ -32,6 +32,7 @@ export default class Dialog extends PureComponent {
         onOverlayClick: PropTypes.func,
         onEscPress: PropTypes.func,
         onCloseClick: PropTypes.func,
+        shortcutOptions: PropTypes.object,
         // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
         // Use it if you don't need different behaviors for this cases.
         onCloseAttempt: PropTypes.func,
@@ -49,6 +50,7 @@ export default class Dialog extends PureComponent {
         onCloseAttempt: noop,
         showCloseButton: false,
         closeButtonInside: false,
+        shortcutOptions: { modal: false },
         trapFocus: false,
         autoFocusFirst: true
     };
@@ -100,12 +102,12 @@ export default class Dialog extends PureComponent {
         this.dialog = tabTrap && tabTrap.node;
     };
     render() {
-        const { show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick, children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside, portalTarget, label, closeButtonTitle, dense, ...restProps } = this.props;
+        const { show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick, children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside, portalTarget, label, closeButtonTitle, dense, shortcutOptions, ...restProps } = this.props;
         const classes = classNames(styles.container, className);
         const shortcutsMap = this.getShortcutsMap();
         return show && createPortal(<PopupTarget id={this.uid} className={styles.popupTarget}>
         {target => (<TabTrap trapDisabled={!trapFocus} data-test={dataTests('ring-dialog-container', dataTest)} ref={this.dialogRef} className={classes} role="presentation" {...restProps}>
-              <Shortcuts map={shortcutsMap} scope={this.state.shortcutsScope}/>
+              <Shortcuts map={shortcutsMap} scope={this.state.shortcutsScope} options={this.props.shortcutOptions}/>
               {(onOverlayClick !== noop || onCloseAttempt !== noop) && (<div 
                 // click handler is duplicated in close button
                 role="presentation" className={styles.clickableOverlay} onClick={this.handleClick}/>)}
@@ -124,3 +126,4 @@ export default class Dialog extends PureComponent {
       </PopupTarget>, portalTarget instanceof HTMLElement ? portalTarget : document.body);
     }
 }
+export default Dialog;

package/components/dropdown/dropdown.js

@@ -8,7 +8,7 @@ import styles from './dropdown.css';
 /**
  * @name Dropdown
  */
-export default class Dropdown extends Component {
+class Dropdown extends Component {
     static propTypes = {
         /**
          * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
@@ -156,4 +156,5 @@ export default class Dropdown extends Component {
       </div>);
     }
 }
+export default Dropdown;
 export { Anchor };

package/components/error-bubble/error-bubble.js

@@ -7,7 +7,7 @@ import styles from './error-bubble.css';
 /**
  * @name Error Bubble
  */
-export default class ErrorBubble extends PureComponent {
+class ErrorBubble extends PureComponent {
     static propTypes = {
         error: PropTypes.string,
         className: PropTypes.string,
@@ -26,3 +26,4 @@ export default class ErrorBubble extends PureComponent {
       </div>);
     }
 }
+export default ErrorBubble;

package/components/error-message/error-message.js

@@ -8,7 +8,7 @@ import styles from './error-message.css';
 /**
  * @name Error Message
  */
-export default class ErrorMessage extends Component {
+class ErrorMessage extends Component {
     static propTypes = {
         icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
         code: PropTypes.string,
@@ -35,3 +35,4 @@ export default class ErrorMessage extends Component {
       </div>);
     }
 }
+export default ErrorMessage;

package/components/footer/footer.js

@@ -46,6 +46,7 @@ export function copyright(year) {
 const FooterLine = memo(function FooterLine(props) {
     const items = Array.isArray(props.item) ? props.item : [props.item];
     function renderItem(item) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (isValidElement(item) || typeof item !== 'object') {
             return item;
         }

package/components/global/react-dom-renderer.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-export default class Renderer extends Component {
+class Renderer extends Component {
     static propTypes = {
         className: PropTypes.string,
         nodes: PropTypes.array
@@ -23,3 +23,4 @@ export default class Renderer extends Component {
         return (<div className={className} ref={this.nodeRef}/>);
     }
 }
+export default Renderer;

package/components/grid/col.js

@@ -23,7 +23,7 @@ function getClassNames(props) {
         filter(([key]) => classMap[key]).
         map(([key, value]) => styles[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]]);
 }
-export default class Col extends Component {
+class Col extends Component {
     static propTypes = {
         xs: ModifierType,
         sm: ModifierType,
@@ -47,3 +47,4 @@ export default class Col extends Component {
       </div>);
     }
 }
+export default Col;

package/components/grid/grid.js

@@ -5,7 +5,7 @@ import styles from './grid.css';
 /**
  * @name Grid
  */
-export class Grid extends Component {
+class Grid extends Component {
     static propTypes = {
         className: PropTypes.string,
         children: PropTypes.node
@@ -18,5 +18,6 @@ export class Grid extends Component {
       </div>);
     }
 }
+export { Grid };
 export { default as Row } from './row';
 export { default as Col } from './col';

package/components/grid/row.js

@@ -22,7 +22,7 @@ function getModifierClassNames(props) {
         return result;
     }, []);
 }
-export default class Row extends Component {
+class Row extends Component {
     static propTypes = {
         reverse: PropTypes.bool,
         start: ModifierType,
@@ -49,3 +49,4 @@ export default class Row extends Component {
       </div>);
     }
 }
+export default Row;

package/components/group/group.js

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