@jetbrains/ring-ui 4.1.6 → 4.1.10

package/README.md

@@ -37,7 +37,7 @@ export const Demo = () => {
 
 The bundle size will depend on the amount of components you imported.
 
-### Generating app
+### Generating app (deprecated)
 
 1. Install Yeoman and Ring UI generator: `npm install -g yo@next-4 @jetbrains/generator-ring-ui`
 2. Go to the root directory of your project (create one if necessary), run `yo @jetbrains/ring-ui` and enter the name of the project. Then run `npm install` to install all the necessary npm dependencies.
@@ -86,18 +86,6 @@ in a same build process, you can use the following configuration:
    module.exports = webpackConfig;
    ```
 
-### Yeoman scaffolding
-
-1. Install Yeoman and Ring UI generator: `npm install -g yo @jetbrains/generator-ring-ui`
-2. Go to the root directory of your project (create one if necessary) and run `yo @jetbrains/ring-ui`. After you enter the name of the project all the necessary npm dependencies will be installed.
-3. Your project is ready to be developed. The following commands are available:
-  - `npm start` to run a local development server
-  - `npm test` to launch karma tests
-  - `npm run lint` to lint your code
-  - `npm run build` to build a production bundle
-  - `npm run create-component` to create a new component template with styles and tests
-
-
 ## Contributing
 
 See [CONTRIBUTING.md](./CONTRIBUTING.md)

package/components/auth/auth.test.js

@@ -516,19 +516,17 @@ describe('Auth', () => {
       }
     });
 
-    it('should show login overlay if token refresh fails and window login enabled', async () => {
+    it('should show login overlay if token refresh fails and window login enabled', done => {
       auth._backgroundFlow._timeout = 100;
       sandbox.stub(BackgroundFlow.prototype, '_redirectFrame');
       sandbox.stub(Auth.prototype, '_showAuthDialog');
 
-      try {
-        await auth.requestToken();
-      } catch (reject) {
-        Auth.prototype._showAuthDialog.should.have.been.calledWith({
-          nonInteractive: true,
-          error: reject
-        });
-      }
+      auth.requestToken();
+
+      setTimeout(() => {
+        Auth.prototype._showAuthDialog.should.have.been.called;
+        done();
+      }, auth._backgroundFlow._timeout * 2);
     });
   });
 

package/components/auth/auth__core.js

@@ -52,6 +52,7 @@ const DEFAULT_CONFIG = {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
     cancel: 'Cancel',
+    tryAgainLabel: 'Try again',
     postpone: 'Postpone',
     youHaveLoggedInAs: 'You have logged in as another user: %userName%',
     applyChange: 'Apply change',
@@ -405,9 +406,27 @@ export default class Auth {
     try {
       return await this._backgroundFlow.authorize();
     } catch (error) {
-
       if (this._canShowDialogs()) {
-        return this._showAuthDialog({nonInteractive: true, error});
+        return new Promise(resolve => {
+          const onTryAgain = async () => {
+            try {
+              const result = await this._backgroundFlow.authorize();
+              resolve(result);
+            } catch (retryError) {
+              this._showAuthDialog({
+                nonInteractive: true,
+                error: retryError,
+                onTryAgain
+              });
+              throw retryError;
+            }
+          };
+          this._showAuthDialog({
+            nonInteractive: true,
+            error,
+            onTryAgain
+          });
+        });
       } else {
         const authRequest = await this._requestBuilder.prepareAuthRequest();
         this._redirectCurrentPage(authRequest.url);
@@ -516,7 +535,7 @@ export default class Auth {
     this.logout();
   }
 
-  _showAuthDialog({nonInteractive, error, canCancel} = {}) {
+  _showAuthDialog({nonInteractive, error, canCancel, onTryAgain} = {}) {
     const {embeddedLogin, onPostponeLogout, translations} = this.config;
     const cancelable = this.user.guest || canCancel;
 
@@ -557,15 +576,22 @@ export default class Auth {
       }
     };
 
+    const onTryAgainClick = async () => {
+      await onTryAgain();
+      closeDialog();
+    };
+
     const hide = this._authDialogService({
       ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain: onTryAgain ? onTryAgainClick : null
     });
 
     const stopTokenListening = this._storage.onTokenChange(token => {

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

@@ -1,14 +1,13 @@
 import React from 'react';
 
+import youtrackLogo from '!file-loader!@jetbrains/logos/youtrack/youtrack.svg';
+
 import reactDecorator from '../../.storybook/react-decorator';
 
 import Button from '@jetbrains/ring-ui/components/button/button';
 
 import AuthDialog from '@jetbrains/ring-ui/components/auth-dialog/auth-dialog';
 
-import youtrackLogo from '!file-loader!@jetbrains/logos/youtrack/youtrack.svg';
-
-
 export default {
   title: 'Components/Auth Dialog',
   decorators: [reactDecorator()],

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

@@ -28,9 +28,11 @@ export default class AuthDialog extends Component {
     cancelOnEsc: PropTypes.bool,
     confirmLabel: PropTypes.string,
     cancelLabel: PropTypes.string,
+    tryAgainLabel: PropTypes.string,
 
     onConfirm: PropTypes.func,
-    onCancel: PropTypes.func
+    onCancel: PropTypes.func,
+    onTryAgain: PropTypes.func
   };
 
   static defaultProps = {
@@ -44,12 +46,38 @@ export default class AuthDialog extends Component {
     onCancel: () => {}
   };
 
+  state = {
+    retrying: false
+  };
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
+  }
+
   onEscPress = () => {
     if (this.props.cancelOnEsc) {
       this.props.onCancel();
     }
   };
 
+  onRetryPress = async () => {
+    if (!this.props.onTryAgain || this.state.retrying) {
+      return;
+    }
+    this.setState({retrying: true});
+    try {
+      await this.props.onTryAgain();
+    } catch (e) {
+      // do nothing, error is handled in onTryAgain
+    } finally {
+      this.setState({retrying: false});
+    }
+  };
+
   render() {
     const {
       show,
@@ -61,10 +89,14 @@ export default class AuthDialog extends Component {
       loginToCaption,
       confirmLabel,
       cancelLabel,
+      tryAgainLabel,
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain
     } = this.props;
 
+    const {retrying} = this.state;
+
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
 
@@ -99,6 +131,17 @@ export default class AuthDialog extends Component {
             >
               {confirmLabel}
             </Button>
+            {onTryAgain && (
+              <Button
+                className={styles.button}
+                data-test="auth-dialog-retry-button"
+                onClick={() => this.onRetryPress()}
+                loader={retrying}
+                disabled={retrying}
+              >
+                {tryAgainLabel}
+              </Button>
+            )}
             <Button
               className={styles.button}
               data-test="auth-dialog-cancel-button"

package/components/select/select.js

@@ -738,6 +738,14 @@ export default class Select extends Component {
     }
   };
 
+  _openPopupIfClosed = () => {
+    if (this.props.disabled || this.state.showPopup) {
+      return;
+    }
+    this.props.onBeforeOpen();
+    this._showPopup();
+  };
+
   _filterChangeHandler = e => {
     this._setFilter(e.target.value, e);
   };

package/components/select-ng/select-ng__lazy.js

@@ -38,11 +38,11 @@ class SelectLazy {
   }
 
   attachEvents() {
-    this.container.addEventListener('click', this.onClick);
+    this.container.addEventListener('click', this.onClick, {capture: true});
   }
 
   detachEvents() {
-    this.container.removeEventListener('click', this.onClick);
+    this.container.removeEventListener('click', this.onClick, {capture: true});
   }
 
   render(props) {
@@ -59,8 +59,7 @@ class SelectLazy {
     this.detachEvents();
     if (this.type === 'dropdown') {
       this.ctrl.selectInstance = render(this.reactSelect, this.container);
-      // In "dropdown" mode we don't click select itself, so need to force click handler
-      this.ctrl.selectInstance._clickHandler();
+      this.ctrl.selectInstance._openPopupIfClosed();
     } else {
       this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
     }

package/dist/_helpers/button__classes.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import Theme from '../global/theme.js';
 
-var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"24px","loaderWidth":"64px","light":"light_rui_b000","active":"active_rui_b000 active_rui_e33e","withIcon":"withIcon_rui_b000","icon":"icon_rui_b000","primary":"primary_rui_b000","danger":"danger_rui_b000","loaderBackground":"loaderBackground_rui_b000","dark":"dark_rui_b000","dropdownIcon":"dropdownIcon_rui_b000","button":"button_rui_b000 button_rui_e33e button_rui_40c7 button_rui_ec74","loader":"loader_rui_b000","text":"text_rui_b000","content":"content_rui_b000","text-loading":"textLoading_rui_b000","inline":"inline_rui_b000","withNormalIconLight":"withNormalIconLight_rui_b000","withNormalIconDark":"withNormalIconDark_rui_b000","withDangerIconLight":"withDangerIconLight_rui_b000","withDangerIconDark":"withDangerIconDark_rui_b000","progress":"progress_rui_b000","delayed":"delayed_rui_b000","short":"short_rui_b000"};
+var modules_e81895c9 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"24px","loaderWidth":"64px","light":"light_rui_8c91","active":"active_rui_8c91 active_rui_e33e","withIcon":"withIcon_rui_8c91","icon":"icon_rui_8c91","primary":"primary_rui_8c91","danger":"danger_rui_8c91","loaderBackground":"loaderBackground_rui_8c91","dark":"dark_rui_8c91","dropdownIcon":"dropdownIcon_rui_8c91","button":"button_rui_8c91 button_rui_e33e button_rui_40c7 button_rui_ec74","loader":"loader_rui_8c91","text":"text_rui_8c91","content":"content_rui_8c91","text-loading":"textLoading_rui_8c91","inline":"inline_rui_8c91","withNormalIconLight":"withNormalIconLight_rui_8c91","withNormalIconDark":"withNormalIconDark_rui_8c91","withDangerIconLight":"withDangerIconLight_rui_8c91","withDangerIconDark":"withDangerIconDark_rui_8c91","progress":"progress_rui_8c91","delayed":"delayed_rui_8c91","short":"short_rui_8c91"};
 
 function getButtonClasses(_ref) {
   let {

package/dist/_helpers/checkbox.js

@@ -1,3 +1,3 @@
-var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_95ac","cell":"cell_rui_95ac","icon":"icon_rui_95ac","check":"check_rui_95ac icon_rui_95ac","minus":"minus_rui_95ac icon_rui_95ac","input":"input_rui_95ac","focus":"focus_rui_95ac","label":"label_rui_95ac"};
+var modules_3199090e = {"unit":"8px","checkboxSize":"14px","checkbox":"checkbox_rui_a0fd","cell":"cell_rui_a0fd","icon":"icon_rui_a0fd","check":"check_rui_a0fd icon_rui_a0fd","minus":"minus_rui_a0fd icon_rui_a0fd","input":"input_rui_a0fd","focus":"focus_rui_a0fd","label":"label_rui_a0fd"};
 
 export { modules_3199090e as m };

package/dist/_helpers/date-picker.js

@@ -1,3 +1,3 @@
-var modules_0c7b7d96 = {"unit":"8px","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"container_rui_58d9","hoverable":"hoverable_rui_58d9","datePicker":"datePicker_rui_58d9","displayDate":"displayDate_rui_58d9","displayRange":"displayRange_rui_58d9","clear":"clear_rui_58d9","datePopup":"datePopup_rui_58d9","filterWrapper":"filterWrapper_rui_58d9 filterWrapper_rui_7e99","filter":"filter_rui_58d9 filter_rui_7e99","filterIcon":"filterIcon_rui_58d9 filterIcon_rui_7e99","fromInput":"fromInput_rui_58d9","fromInputWithDivider":"fromInputWithDivider_rui_58d9","toInput":"toInput_rui_58d9","dateInput":"dateInput_rui_58d9","timeInputWithDivider":"timeInputWithDivider_rui_58d9","weekdays":"weekdays_rui_58d9","weekday":"weekday_rui_58d9","weekend":"weekend_rui_58d9","calendar":"calendar_rui_58d9","months":"months_rui_58d9","days":"days_rui_58d9","month":"month_rui_58d9","monthTitle":"monthTitle_rui_58d9","day":"day_rui_58d9 resetButton_rui_750f","between":"between_rui_58d9","activeBetween":"activeBetween_rui_58d9","current":"current_rui_58d9","active":"active_rui_58d9","disabled":"disabled_rui_58d9","from":"from_rui_58d9","to":"to_rui_58d9","Monday":"Monday_rui_58d9","spread":"spread_rui_58d9","activeSpread":"activeSpread_rui_58d9","first":"first_rui_58d9","Tuesday":"Tuesday_rui_58d9","Friday":"Friday_rui_58d9","Saturday":"Saturday_rui_58d9","Sunday":"Sunday_rui_58d9","empty":"empty_rui_58d9","today":"today_rui_58d9","year":"year_rui_58d9 hoverable_rui_58d9 resetButton_rui_750f","monthNames":"monthNames_rui_58d9","monthName":"monthName_rui_58d9 hoverable_rui_58d9 resetButton_rui_750f","monthSlider":"monthSlider_rui_58d9 resetButton_rui_750f","dragging":"dragging_rui_58d9","range":"range_rui_58d9","years":"years_rui_58d9","currentYear":"currentYear_rui_58d9"};
+var modules_0c7b7d96 = {"unit":"8px","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","container":"container_rui_f337","hoverable":"hoverable_rui_f337","datePicker":"datePicker_rui_f337","displayDate":"displayDate_rui_f337","displayRange":"displayRange_rui_f337","clear":"clear_rui_f337","datePopup":"datePopup_rui_f337","filterWrapper":"filterWrapper_rui_f337 filterWrapper_rui_7e99","filter":"filter_rui_f337 filter_rui_7e99","filterIcon":"filterIcon_rui_f337 filterIcon_rui_7e99","fromInput":"fromInput_rui_f337","fromInputWithDivider":"fromInputWithDivider_rui_f337","toInput":"toInput_rui_f337","dateInput":"dateInput_rui_f337","timeInputWithDivider":"timeInputWithDivider_rui_f337","weekdays":"weekdays_rui_f337","weekday":"weekday_rui_f337","weekend":"weekend_rui_f337","calendar":"calendar_rui_f337","months":"months_rui_f337","days":"days_rui_f337","month":"month_rui_f337","monthTitle":"monthTitle_rui_f337","day":"day_rui_f337 resetButton_rui_750f","between":"between_rui_f337","activeBetween":"activeBetween_rui_f337","current":"current_rui_f337","active":"active_rui_f337","disabled":"disabled_rui_f337","from":"from_rui_f337","to":"to_rui_f337","Monday":"Monday_rui_f337","spread":"spread_rui_f337","activeSpread":"activeSpread_rui_f337","first":"first_rui_f337","Tuesday":"Tuesday_rui_f337","Friday":"Friday_rui_f337","Saturday":"Saturday_rui_f337","Sunday":"Sunday_rui_f337","empty":"empty_rui_f337","today":"today_rui_f337","year":"year_rui_f337 hoverable_rui_f337 resetButton_rui_750f","monthNames":"monthNames_rui_f337","monthName":"monthName_rui_f337 hoverable_rui_f337 resetButton_rui_750f","monthSlider":"monthSlider_rui_f337 resetButton_rui_750f","dragging":"dragging_rui_f337","range":"range_rui_f337","years":"years_rui_f337","currentYear":"currentYear_rui_f337"};
 
 export { modules_0c7b7d96 as m };

package/dist/_helpers/inject-styles.js

@@ -4,7 +4,7 @@ import memoize from '../global/memoize.js';
 import radialGradientMask from '../global/radial-gradient-mask.js';
 import Theme from '../global/theme.js';
 
-var modules_e49a3529 = {"unit":"8px","loader":"loader_rui_cf3e","spin":"spin_rui_cf3e","pulse":"pulse_rui_cf3e","children":"children_rui_cf3e"};
+var modules_e49a3529 = {"unit":"8px","loader":"loader_rui_423e","spin":"spin_rui_423e","pulse":"pulse_rui_423e","children":"children_rui_423e"};
 
 const IMAGE_SIZE = 32;
 var injectStyles = memoize(() => {

package/dist/_helpers/input.js

@@ -1,3 +1,3 @@
-var modules_88cfaf40 = {"unit":"8px","iconOffset":"22px","container":"container_rui_91e6 fontLower_rui_750f font_rui_750f","compact":"compact_rui_91e6","input":"input_rui_91e6","clearable":"clearable_rui_91e6","light":"light_rui_91e6","dark":"dark_rui_91e6","withIcon":"withIcon_rui_91e6","label":"label_rui_91e6","icon":"icon_rui_91e6","clear":"clear_rui_91e6","empty":"empty_rui_91e6","active":"active_rui_91e6","noLabel":"noLabel_rui_91e6","error":"error_rui_91e6","underline":"underline_rui_91e6","focusUnderline":"focusUnderline_rui_91e6","errorUnderline":"errorUnderline_rui_91e6","errorText":"errorText_rui_91e6","sizeS":"sizeS_rui_91e6","sizeM":"sizeM_rui_91e6","sizeL":"sizeL_rui_91e6","sizeFULL":"sizeFULL_rui_91e6"};
+var modules_88cfaf40 = {"unit":"8px","iconOffset":"22px","container":"container_rui_65d4 fontLower_rui_750f font_rui_750f","compact":"compact_rui_65d4","input":"input_rui_65d4","clearable":"clearable_rui_65d4","light":"light_rui_65d4","dark":"dark_rui_65d4","withIcon":"withIcon_rui_65d4","label":"label_rui_65d4","icon":"icon_rui_65d4","clear":"clear_rui_65d4","empty":"empty_rui_65d4","active":"active_rui_65d4","noLabel":"noLabel_rui_65d4","error":"error_rui_65d4","underline":"underline_rui_65d4","focusUnderline":"focusUnderline_rui_65d4","errorUnderline":"errorUnderline_rui_65d4","errorText":"errorText_rui_65d4","sizeS":"sizeS_rui_65d4","sizeM":"sizeM_rui_65d4","sizeL":"sizeL_rui_65d4","sizeFULL":"sizeFULL_rui_65d4"};
 
 export { modules_88cfaf40 as m };

package/dist/_helpers/query-assist__suggestions.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import List from '../list/list.js';
 
-var modules_da7ab055 = {"unit":"8px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d961","queryAssist":"queryAssist_rui_d961 font_rui_750f","input":"input_rui_d961","placeholder":"placeholder_rui_d961 resetButton_rui_750f","letter-text":"letterText_rui_d961","letterDefault":"letterDefault_rui_d961","letter-field-name":"letterFieldName_rui_d961","letter-field-value":"letterFieldValue_rui_d961","letter-operator":"letterOperator_rui_d961","letter-error":"letterError_rui_d961","iconInner":"iconInner_rui_d961","highlight":"highlight_rui_d961","service":"service_rui_d961","dark":"dark_rui_d961","icon":"icon_rui_d961","loader":"loader_rui_d961","actions":"actions_rui_d961","24px":"_24px_rui_d961","inputGap2":"inputGap2_rui_d961","inputLeftGap":"inputLeftGap_rui_d961","inputDisabled":"inputDisabled_rui_d961","placeholderSpaced":"placeholderSpaced_rui_d961","letter":"letter_rui_d961","loaderOnTheRight":"loaderOnTheRight_rui_d961","focusUnderline":"focusUnderline_rui_d961"};
+var modules_da7ab055 = {"unit":"8px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_7422","queryAssist":"queryAssist_rui_7422 font_rui_750f","input":"input_rui_7422","placeholder":"placeholder_rui_7422 resetButton_rui_750f","letter-text":"letterText_rui_7422","letterDefault":"letterDefault_rui_7422","letter-field-name":"letterFieldName_rui_7422","letter-field-value":"letterFieldValue_rui_7422","letter-operator":"letterOperator_rui_7422","letter-error":"letterError_rui_7422","iconInner":"iconInner_rui_7422","highlight":"highlight_rui_7422","service":"service_rui_7422","dark":"dark_rui_7422","icon":"icon_rui_7422","loader":"loader_rui_7422","actions":"actions_rui_7422","24px":"_24px_rui_7422","inputGap2":"inputGap2_rui_7422","inputLeftGap":"inputLeftGap_rui_7422","inputDisabled":"inputDisabled_rui_7422","placeholderSpaced":"placeholderSpaced_rui_7422","letter":"letter_rui_7422","loaderOnTheRight":"loaderOnTheRight_rui_7422","focusUnderline":"focusUnderline_rui_7422"};
 
 const ICON_ID_LENGTH = 44;
 class QueryAssistSuggestions {

package/dist/_helpers/tabs.js

@@ -1,3 +1,3 @@
-var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -3px 0 0","tabs":"tabs_rui_6848 font_rui_750f","titles":"titles_rui_6848","light":"light_rui_6848","dark":"dark_rui_6848","title":"title_rui_6848 font_rui_750f","selected":"selected_rui_6848","collapsed":"collapsed_rui_6848","titleLegacy":"titleLegacy_rui_6848","visible":"visible_rui_6848","container":"container_rui_6848","hidden":"hidden_rui_6848","hiddenBold":"hiddenBold_rui_6848","hiddenRegular":"hiddenRegular_rui_6848","tabCounter":"tabCounter_rui_6848","autoCollapseContainer":"autoCollapseContainer_rui_6848","autoCollapse":"autoCollapse_rui_6848","rendered":"rendered_rui_6848","adjusted":"adjusted_rui_6848","measure":"measure_rui_6848","morePopup":"morePopup_rui_6848","chevron":"chevron_rui_6848","morePopupBeforeEnd":"morePopupBeforeEnd_rui_6848"};
+var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -3px 0 0","tabs":"tabs_rui_a11f font_rui_750f","titles":"titles_rui_a11f","light":"light_rui_a11f","dark":"dark_rui_a11f","title":"title_rui_a11f font_rui_750f","selected":"selected_rui_a11f","collapsed":"collapsed_rui_a11f","titleLegacy":"titleLegacy_rui_a11f","visible":"visible_rui_a11f","container":"container_rui_a11f","hidden":"hidden_rui_a11f","hiddenBold":"hiddenBold_rui_a11f","hiddenRegular":"hiddenRegular_rui_a11f","tabCounter":"tabCounter_rui_a11f","autoCollapseContainer":"autoCollapseContainer_rui_a11f","autoCollapse":"autoCollapse_rui_a11f","rendered":"rendered_rui_a11f","adjusted":"adjusted_rui_a11f","measure":"measure_rui_a11f","morePopup":"morePopup_rui_a11f","chevron":"chevron_rui_a11f","morePopupBeforeEnd":"morePopupBeforeEnd_rui_a11f"};
 
 export { modules_02138f4a as m };

package/dist/auth/auth__core.js

@@ -86,6 +86,7 @@ const DEFAULT_CONFIG = {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
     cancel: 'Cancel',
+    tryAgainLabel: 'Try again',
     postpone: 'Postpone',
     youHaveLoggedInAs: 'You have logged in as another user: %userName%',
     applyChange: 'Apply change',
@@ -475,9 +476,27 @@ class Auth {
       return await this._backgroundFlow.authorize();
     } catch (error) {
       if (this._canShowDialogs()) {
-        return this._showAuthDialog({
-          nonInteractive: true,
-          error
+        return new Promise(resolve => {
+          const onTryAgain = async () => {
+            try {
+              const result = await this._backgroundFlow.authorize();
+              resolve(result);
+            } catch (retryError) {
+              this._showAuthDialog({
+                nonInteractive: true,
+                error: retryError,
+                onTryAgain
+              });
+
+              throw retryError;
+            }
+          };
+
+          this._showAuthDialog({
+            nonInteractive: true,
+            error,
+            onTryAgain
+          });
         });
       } else {
         const authRequest = await this._requestBuilder.prepareAuthRequest();
@@ -603,7 +622,8 @@ class Auth {
     let {
       nonInteractive,
       error,
-      canCancel
+      canCancel,
+      onTryAgain
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       embeddedLogin,
@@ -654,14 +674,21 @@ class Auth {
       }
     };
 
+    const onTryAgainClick = async () => {
+      await onTryAgain();
+      closeDialog();
+    };
+
     const hide = this._authDialogService({ ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain: onTryAgain ? onTryAgainClick : null
     });
 
     const stopTokenListening = this._storage.onTokenChange(token => {

package/dist/auth-dialog/auth-dialog.js

@@ -49,11 +49,42 @@ class AuthDialog extends Component {
   constructor() {
     super(...arguments);
 
+    _defineProperty(this, "state", {
+      retrying: false
+    });
+
     _defineProperty(this, "onEscPress", () => {
       if (this.props.cancelOnEsc) {
         this.props.onCancel();
       }
     });
+
+    _defineProperty(this, "onRetryPress", async () => {
+      if (!this.props.onTryAgain || this.state.retrying) {
+        return;
+      }
+
+      this.setState({
+        retrying: true
+      });
+
+      try {
+        await this.props.onTryAgain();
+      } catch (e) {// do nothing, error is handled in onTryAgain
+      } finally {
+        this.setState({
+          retrying: false
+        });
+      }
+    });
+  }
+
+  componentDidMount() {
+    window.addEventListener('online', this.onRetryPress);
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('online', this.onRetryPress);
   }
 
   render() {
@@ -67,9 +98,14 @@ class AuthDialog extends Component {
       loginToCaption,
       confirmLabel,
       cancelLabel,
+      tryAgainLabel,
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain
     } = this.props;
+    const {
+      retrying
+    } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
     return /*#__PURE__*/React.createElement(Dialog, {
@@ -95,7 +131,13 @@ class AuthDialog extends Component {
       className: modules_ae521deb.firstButton,
       "data-test": "auth-dialog-confirm-button",
       onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
+    }, confirmLabel), onTryAgain && /*#__PURE__*/React.createElement(Button, {
+      className: modules_ae521deb.button,
+      "data-test": "auth-dialog-retry-button",
+      onClick: () => this.onRetryPress(),
+      loader: retrying,
+      disabled: retrying
+    }, tryAgainLabel), /*#__PURE__*/React.createElement(Button, {
       className: modules_ae521deb.button,
       "data-test": "auth-dialog-cancel-button",
       onClick: onCancel
@@ -116,8 +158,10 @@ _defineProperty(AuthDialog, "propTypes", {
   cancelOnEsc: PropTypes.bool,
   confirmLabel: PropTypes.string,
   cancelLabel: PropTypes.string,
+  tryAgainLabel: PropTypes.string,
   onConfirm: PropTypes.func,
-  onCancel: PropTypes.func
+  onCancel: PropTypes.func,
+  onTryAgain: PropTypes.func
 });
 
 _defineProperty(AuthDialog, "defaultProps", {

package/dist/markdown/markdown.js

@@ -21,7 +21,7 @@ import '../_helpers/link.js';
 import '../heading/heading.js';
 import 'util-deprecate';
 
-var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_8126","markdown":"markdown_rui_8126 font_rui_750f"};
+var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_b3aa","markdown":"markdown_rui_b3aa font_rui_750f"};
 
 /**
   * @name Markdown

package/dist/select/select.js

@@ -391,6 +391,16 @@ class Select extends Component {
       }
     });
 
+    _defineProperty(this, "_openPopupIfClosed", () => {
+      if (this.props.disabled || this.state.showPopup) {
+        return;
+      }
+
+      this.props.onBeforeOpen();
+
+      this._showPopup();
+    });
+
     _defineProperty(this, "_filterChangeHandler", e => {
       this._setFilter(e.target.value, e);
     });

package/dist/select-ng/select-ng__lazy.js

@@ -115,11 +115,15 @@ class SelectLazy {
   }
 
   attachEvents() {
-    this.container.addEventListener('click', this.onClick);
+    this.container.addEventListener('click', this.onClick, {
+      capture: true
+    });
   }
 
   detachEvents() {
-    this.container.removeEventListener('click', this.onClick);
+    this.container.removeEventListener('click', this.onClick, {
+      capture: true
+    });
   }
 
   render(props) {
@@ -137,9 +141,9 @@ class SelectLazy {
     this.detachEvents();
 
     if (this.type === 'dropdown') {
-      this.ctrl.selectInstance = render(this.reactSelect, this.container); // In "dropdown" mode we don't click select itself, so need to force click handler
+      this.ctrl.selectInstance = render(this.reactSelect, this.container);
 
-      this.ctrl.selectInstance._clickHandler();
+      this.ctrl.selectInstance._openPopupIfClosed();
     } else {
       this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
     }