@jetbrains/ring-ui 5.1.20 → 5.1.21

package/components/auth/request-builder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="typings" />
 import uuid from 'simply-uuid';
 import AuthStorage, { AuthState } from './storage';
 export interface AuthRequestBuilderConfig {

package/components/code/code.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="highlight.js" />
 import React, { PureComponent, Ref } from 'react';
 import PropTypes from 'prop-types';
 import highlight from 'highlight.js/lib/core';

package/components/grid/row.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import styles from './grid.css';
 const ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
 const modifierKeys = [
-    'start', 'center', 'end',
-    'around', 'between',
-    'top', 'middle', 'baseline', 'bottom',
+    'start', 'center', 'end', // text-align, justify-content
+    'around', 'between', // justify-content
+    'top', 'middle', 'baseline', 'bottom', // align-items
     'first', 'last' // order
 ];
 /**

package/components/header/profile.js

@@ -93,7 +93,7 @@ export default class Profile extends PureComponent {
             {
                 rgItemType: PopupMenu.ListProps.Type.LINK,
                 label: translations?.profile ?? translate('profile'),
-                target: '_self',
+                target: '_self', // Full page reload in Angular
                 href: profileUrl,
                 LinkComponent
             },

package/components/island/header.js

@@ -45,7 +45,7 @@ class Header extends Component {
         });
         const headerStyle = phase != null
             ? {
-                lineHeight: `${this.style('LINE_HEIGHT')}px`,
+                lineHeight: `${this.style('LINE_HEIGHT')}px`, // need to append px because number is a valid line-height value
                 paddingTop: this.style('PADDING_TOP'),
                 paddingBottom: this.style('PADDING_BOTTOM')
             }

package/components/list/list.js

@@ -90,9 +90,9 @@ export default class List extends Component {
     };
     static defaultProps = {
         data: [],
-        restoreActiveIndex: false,
-        activateSingleItem: false,
-        activateFirstItem: false,
+        restoreActiveIndex: false, // restore active item using its "key" property
+        activateSingleItem: false, // if there is only one item, activate it
+        activateFirstItem: false, // if there no active items, activate the first one
         onMouseOut: noop,
         onSelect: noop,
         onScrollToBottom: noop,

package/components/loader/loader__core.js

@@ -40,12 +40,12 @@ export default class LoaderCore {
         stop: false,
         deterministic: false,
         colors: [
-            { r: 215, g: 60, b: 234 },
-            { r: 145, g: 53, b: 224 },
-            { r: 88, g: 72, b: 224 },
-            { r: 37, g: 183, b: 255 },
-            { r: 89, g: 189, b: 0 },
-            { r: 251, g: 172, b: 2 },
+            { r: 215, g: 60, b: 234 }, //#D73CEA
+            { r: 145, g: 53, b: 224 }, //#9135E0
+            { r: 88, g: 72, b: 224 }, //#5848F4
+            { r: 37, g: 183, b: 255 }, //#25B7FF
+            { r: 89, g: 189, b: 0 }, //#59BD00
+            { r: 251, g: 172, b: 2 }, //#FBAC02
             { r: 227, g: 37, b: 129 } //#E32581
         ]
     };

package/components/popup/popup.js

@@ -287,9 +287,9 @@ Popup.propTypes = {
     children: PropTypes.node.isRequired,
     dontCloseOnAnchorClick: PropTypes.bool,
     shortcuts: PropTypes.bool,
-    keepMounted: PropTypes.bool,
+    keepMounted: PropTypes.bool, // pass this prop to preserve the popup's DOM state while hidden
     'data-test': PropTypes.string,
-    client: PropTypes.bool,
+    client: PropTypes.bool, // true means that it's never used in SSR
     directions: PropTypes.arrayOf(PropTypes.string),
     autoPositioning: PropTypes.bool,
     autoCorrectTopOverflow: PropTypes.bool,
@@ -298,7 +298,7 @@ Popup.propTypes = {
     maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     minWidth: PropTypes.number,
     sidePadding: PropTypes.number,
-    attached: PropTypes.bool,
+    attached: PropTypes.bool, // Popup adjacent to an input, without upper border and shadow
     onMouseDown: PropTypes.func,
     onMouseUp: PropTypes.func,
     onMouseOver: PropTypes.func,

package/components/progress-bar/progress-bar.css

@@ -63,6 +63,12 @@
 
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--ring-progress-bar-line-background-color), rgba(0, 0, 0, 0));
     background-repeat: no-repeat;
+
+    .staticLineColor &  {
+      animation: none;
+
+      background-image: var(--ring-progress-bar-line-background-color);
+    }
   }
 }
 

package/components/progress-bar/progress-bar.d.ts

@@ -5,6 +5,7 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     value: number;
     label: string;
     global?: boolean | null | undefined;
+    staticColor?: boolean;
 }
 /**
  * @name Progress Bar
@@ -43,6 +44,11 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
          * @type {number}
          */
         value: PropTypes.Requireable<number>;
+        /**
+         * Disables Disabled progress bar color animation and sets it to static color.
+         * @type {boolean}
+         */
+        staticColor: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         max: number;

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

@@ -42,7 +42,12 @@ export default class ProgressBar extends PureComponent {
          * A floating point number that specifies current task completion rate.
          * @type {number}
          */
-        value: PropTypes.number
+        value: PropTypes.number,
+        /**
+         * Disables Disabled progress bar color animation and sets it to static color.
+         * @type {boolean}
+         */
+        staticColor: PropTypes.bool
     };
     static defaultProps = {
         max: 1.0,
@@ -58,10 +63,11 @@ export default class ProgressBar extends PureComponent {
         this.progressbar = el;
     };
     render() {
-        const { className, global, max, value, label, ...otherProps } = this.props;
+        const { className, global, max, value, label, staticColor, ...otherProps } = this.props;
         const width = value ? `${ProgressBar.toPercent(value, max)}%` : undefined;
         const classes = classNames(styles.progressBar, className, {
-            [styles.globalMode]: global
+            [styles.globalMode]: global,
+            [styles.staticLineColor]: staticColor
         });
         return (<div {...otherProps} className={classes} ref={this.progressbarWrapperRef}>
         <div className={styles.line} ref={this.progressbarRef} role="progressbar" aria-label={label} aria-valuenow={value} aria-valuemin={0} aria-valuemax={max} style={{ width }}/>

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

@@ -800,7 +800,7 @@ export default class QueryAssist extends Component {
         const inputClasses = classNames(this.props.inputClassName, {
             [`${styles.input} ring-js-shortcuts`]: true,
             [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
-            [styles.inputGap2]: actions.length === 2,
+            [styles.inputGap2]: actions.length === 2, // TODO: replace with flex-box layout
             [styles.inputRevertOrder]: !glass || huge
         });
         const placeholderStyles = classNames({

package/components/select/select-popup.css

@@ -42,6 +42,10 @@
   width: 0;
 }
 
+.popup {
+  overscroll-behavior: contain;
+}
+
 .filterWrapper {
   position: relative;
 

package/components/select/select.js

@@ -181,46 +181,46 @@ function isSameSelected(prevSelected, selected) {
 export default class Select extends Component {
     static defaultProps = {
         data: [],
-        filter: false,
+        filter: false, // enable filter (not in INPUT modes)
         filterIcon: null,
         filterRef: noop,
-        multiple: false,
-        clear: false,
-        loading: false,
-        disabled: false,
+        multiple: false, // multiple can be an object - see demo for more information
+        clear: false, // enable clear button that clears the "selected" state
+        loading: false, // show a loading indicator while data is loading
+        disabled: false, // disable select
         type: Type.BUTTON,
         size: Size.M,
-        targetElement: null,
-        hideSelected: false,
-        allowAny: false,
-        hideArrow: false,
+        targetElement: null, // element to bind the popup to (select BUTTON or INPUT by default)
+        hideSelected: false, // INPUT mode: clears the input after an option is selected (useful when the selection is displayed in some custom way elsewhere)
+        allowAny: false, // INPUT mode: allows any value to be entered
+        hideArrow: false, // hide dropdown arrow icon
         showPopup: false,
-        maxHeight: 600,
+        maxHeight: 600, // height of the options list, including the filter and the 'Add' button
         directions: [
             Popup.PopupProps.Directions.BOTTOM_RIGHT,
             Popup.PopupProps.Directions.BOTTOM_LEFT,
             Popup.PopupProps.Directions.TOP_LEFT,
             Popup.PopupProps.Directions.TOP_RIGHT
         ],
-        selected: null,
-        label: null,
-        selectedLabel: null,
-        inputPlaceholder: '',
-        hint: null,
+        selected: null, // current selection (item / array of items)
+        label: null, // BUTTON or INPUT label (nothing selected)
+        selectedLabel: null, // BUTTON or INPUT label (something selected)
+        inputPlaceholder: '', // Placeholder for input modes
+        hint: null, // hint text to display under the list
         shortcutsEnabled: false,
         onBeforeOpen: noop,
         onLoadMore: noop,
         onOpen: noop,
         onClose: noop,
-        onFilter: noop,
+        onFilter: noop, // search string as first argument
         onFocus: noop,
         onBlur: noop,
         onKeyDown: noop,
-        onSelect: noop,
-        onDeselect: noop,
-        onOutsideClick: noop,
-        onChange: noop,
-        onAdd: noop,
+        onSelect: noop, // single + multi
+        onDeselect: noop, // multi
+        onOutsideClick: noop, // multi
+        onChange: noop, // multi
+        onAdd: noop, // search string as first argument
         onDone: noop,
         onReset: noop,
         tags: null,

package/dist/_helpers/select__filter.js

@@ -10,7 +10,7 @@ import sniffr from '../global/sniffer.js';
 import { ActiveItemContext } from '../list/list.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 
-var modules_b607bec2 = {"unit":"i__const_unit_0","filterWithTagsFocused":"filterWithTagsFocused_rui_531d","light":"light_rui_2ac4","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsInput":"filterWithTagsInput_rui_531d","filter":"filter_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","bottomLineOverItem":"bottomLineOverItem_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
+var modules_b607bec2 = {"unit":"i__const_unit_0","filterWithTagsFocused":"filterWithTagsFocused_rui_531d","light":"light_rui_2ac4","filterWithTags":"filterWithTags_rui_531d","filterWrapper":"filterWrapper_rui_531d","filterWithTagsInput":"filterWithTagsInput_rui_531d","filter":"filter_rui_531d","popup":"popup_rui_531d","filterIcon":"filterIcon_rui_531d","bottomLine":"bottomLine_rui_531d","bottomLineOverItem":"bottomLineOverItem_rui_531d","message":"message_rui_531d","selectAll":"selectAll_rui_531d"};
 
 var _excluded = ["className", "listId"];
 function noop() {}

package/dist/analytics/analytics__custom-plugin.js

@@ -64,7 +64,6 @@ var AnalyticsCustomPlugin = /*#__PURE__*/function () {
       if (this._isDevelopment) {
         console.log('TRACKING DATA = ', category, action, data); // eslint-disable-line no-console
       }
-
       var baseSendingData = {
         category,
         action,
@@ -80,7 +79,7 @@ var AnalyticsCustomPlugin = /*#__PURE__*/function () {
       this._data.push(sendingData);
       if (this._flushMaxPackSize != null && this._data.length >= this._flushMaxPackSize) {
         var _this$_flush;
-        (_this$_flush = this._flush) === null || _this$_flush === void 0 ? void 0 : _this$_flush.call(this);
+        (_this$_flush = this._flush) === null || _this$_flush === void 0 || _this$_flush.call(this);
       }
     }
   }, {

package/dist/analytics/analytics__ga-plugin.js

@@ -31,7 +31,7 @@ var AnalyticsGAPlugin = /*#__PURE__*/function () {
       var m = s.getElementsByTagName(o)[0];
       a.async = true;
       a.src = g;
-      (_m$parentNode = m.parentNode) === null || _m$parentNode === void 0 ? void 0 : _m$parentNode.insertBefore(a, m);
+      (_m$parentNode = m.parentNode) === null || _m$parentNode === void 0 || _m$parentNode.insertBefore(a, m);
     })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
     /**
      * UA-57284711-1 - ga key for development purpose

package/dist/auth/auth__core.js

@@ -318,7 +318,7 @@ var Auth = /*#__PURE__*/function () {
      */
   }, {
     key: "init",
-    value: function () {
+    value: (function () {
       var _init = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var _this$_storage3,
           _this2 = this;
@@ -326,7 +326,7 @@ var Auth = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              (_this$_storage3 = this._storage) === null || _this$_storage3 === void 0 ? void 0 : _this$_storage3.onTokenChange( /*#__PURE__*/function () {
+              (_this$_storage3 = this._storage) === null || _this$_storage3 === void 0 || _this$_storage3.onTokenChange( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(token) {
                   var isGuest;
                   return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -433,7 +433,7 @@ var Auth = /*#__PURE__*/function () {
             case 23:
               state = _context3.sent;
             case 24:
-              (_this$_initDeferred = this._initDeferred) === null || _this$_initDeferred === void 0 || (_this$_initDeferred$r = _this$_initDeferred.resolve) === null || _this$_initDeferred$r === void 0 ? void 0 : _this$_initDeferred$r.call(_this$_initDeferred, state && state.restoreLocation);
+              (_this$_initDeferred = this._initDeferred) === null || _this$_initDeferred === void 0 || (_this$_initDeferred$r = _this$_initDeferred.resolve) === null || _this$_initDeferred$r === void 0 || _this$_initDeferred$r.call(_this$_initDeferred, state && state.restoreLocation);
               return _context3.abrupt("return", (_state = state) === null || _state === void 0 ? void 0 : _state.restoreLocation);
             case 28:
               _context3.prev = 28;
@@ -442,7 +442,7 @@ var Auth = /*#__PURE__*/function () {
                 _context3.next = 35;
                 break;
               }
-              (_this$_initDeferred2 = this._initDeferred) === null || _this$_initDeferred2 === void 0 || (_this$_initDeferred2$ = _this$_initDeferred2.resolve) === null || _this$_initDeferred2$ === void 0 ? void 0 : _this$_initDeferred2$.call(_this$_initDeferred2); // No way to handle if cookies are disabled
+              (_this$_initDeferred2 = this._initDeferred) === null || _this$_initDeferred2 === void 0 || (_this$_initDeferred2$ = _this$_initDeferred2.resolve) === null || _this$_initDeferred2$ === void 0 || _this$_initDeferred2$.call(_this$_initDeferred2); // No way to handle if cookies are disabled
               _context3.next = 34;
               return this.requestUser();
             case 34:
@@ -459,7 +459,7 @@ var Auth = /*#__PURE__*/function () {
         return _init.apply(this, arguments);
       }
       return init;
-    }()
+    }())
   }, {
     key: "sendRedirect",
     value: function () {
@@ -519,7 +519,7 @@ var Auth = /*#__PURE__*/function () {
                 break;
               }
               state.error = error;
-              (_this$_storage5 = this._storage) === null || _this$_storage5 === void 0 ? void 0 : _this$_storage5.saveState(error.stateId, state);
+              (_this$_storage5 = this._storage) === null || _this$_storage5 === void 0 || _this$_storage5.saveState(error.stateId, state);
               // Return endless promise in the background to avoid service start
               return _context5.abrupt("return", new Promise(noop));
             case 9:
@@ -578,14 +578,14 @@ var Auth = /*#__PURE__*/function () {
               _context6.next = 13;
               return (_this$_tokenValidator2 = this._tokenValidator) === null || _this$_tokenValidator2 === void 0 ? void 0 : _this$_tokenValidator2.validateToken();
             case 13:
-              (_this$_initDeferred3 = this._initDeferred) === null || _this$_initDeferred3 === void 0 || (_this$_initDeferred3$ = _this$_initDeferred3.resolve) === null || _this$_initDeferred3$ === void 0 ? void 0 : _this$_initDeferred3$.call(_this$_initDeferred3);
+              (_this$_initDeferred3 = this._initDeferred) === null || _this$_initDeferred3 === void 0 || (_this$_initDeferred3$ = _this$_initDeferred3.resolve) === null || _this$_initDeferred3$ === void 0 || _this$_initDeferred3$.call(_this$_initDeferred3);
               return _context6.abrupt("return", undefined);
             case 17:
               _context6.prev = 17;
               _context6.t0 = _context6["catch"](8);
               return _context6.abrupt("return", _context6.t0 instanceof Error ? this.sendRedirect(_context6.t0) : undefined);
             case 20:
-              (_this$_initDeferred4 = this._initDeferred) === null || _this$_initDeferred4 === void 0 || (_this$_initDeferred4$ = _this$_initDeferred4.reject) === null || _this$_initDeferred4$ === void 0 ? void 0 : _this$_initDeferred4$.call(_this$_initDeferred4, error);
+              (_this$_initDeferred4 = this._initDeferred) === null || _this$_initDeferred4 === void 0 || (_this$_initDeferred4$ = _this$_initDeferred4.reject) === null || _this$_initDeferred4$ === void 0 || _this$_initDeferred4$.call(_this$_initDeferred4, error);
               throw error;
             case 22:
             case "end":
@@ -605,7 +605,7 @@ var Auth = /*#__PURE__*/function () {
      */
   }, {
     key: "requestToken",
-    value: function () {
+    value: (function () {
       var _requestToken = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
         var _this$_initDeferred5, _yield$this$_tokenVal, _this$_tokenValidator3;
         return _regeneratorRuntime().wrap(function _callee7$(_context7) {
@@ -668,9 +668,10 @@ var Auth = /*#__PURE__*/function () {
      * Get new token in the background or redirect to the login page.
      * @return {Promise.<string>}
      */
+    )
   }, {
     key: "forceTokenUpdate",
-    value: function () {
+    value: (function () {
       var _forceTokenUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
         var _this4 = this;
         var _yield$this$_backgrou, _this$_backgroundFlow2, _this$_requestBuilder2, authRequest;
@@ -793,7 +794,7 @@ var Auth = /*#__PURE__*/function () {
         return _forceTokenUpdate.apply(this, arguments);
       }
       return forceTokenUpdate;
-    }()
+    }())
   }, {
     key: "loadCurrentService",
     value: function () {
@@ -868,7 +869,7 @@ var Auth = /*#__PURE__*/function () {
      */
   }, {
     key: "requestUser",
-    value: function () {
+    value: (function () {
       var _requestUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
         var accessToken, user;
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
@@ -906,7 +907,7 @@ var Auth = /*#__PURE__*/function () {
         return _requestUser.apply(this, arguments);
       }
       return requestUser;
-    }()
+    }())
   }, {
     key: "updateUser",
     value: function () {
@@ -921,7 +922,7 @@ var Auth = /*#__PURE__*/function () {
               return this.requestToken();
             case 3:
               accessToken = _context12.sent;
-              (_this$_storage7 = this._storage) === null || _this$_storage7 === void 0 ? void 0 : _this$_storage7.wipeCachedCurrentUser();
+              (_this$_storage7 = this._storage) === null || _this$_storage7 === void 0 || _this$_storage7.wipeCachedCurrentUser();
               _context12.next = 7;
               return this.getUser(accessToken);
             case 7:
@@ -1028,12 +1029,11 @@ var Auth = /*#__PURE__*/function () {
       this._createInitDeferred();
       var closeDialog = function closeDialog() {
         /* eslint-disable @typescript-eslint/no-use-before-define */
-        stopTokenListening === null || stopTokenListening === void 0 ? void 0 : stopTokenListening();
-        stopMessageListening === null || stopMessageListening === void 0 ? void 0 : stopMessageListening();
-        hide === null || hide === void 0 ? void 0 : hide();
+        stopTokenListening === null || stopTokenListening === void 0 || stopTokenListening();
+        stopMessageListening === null || stopMessageListening === void 0 || stopMessageListening();
+        hide === null || hide === void 0 || hide();
         /* eslint-enable @typescript-eslint/no-use-before-define */
       };
-
       var onConfirm = function onConfirm() {
         if (!embeddedLogin) {
           closeDialog();
@@ -1044,12 +1044,12 @@ var Auth = /*#__PURE__*/function () {
       };
       var onCancel = function onCancel() {
         var _this7$_embeddedFlow, _this7$_storage, _this7$user;
-        (_this7$_embeddedFlow = _this7._embeddedFlow) === null || _this7$_embeddedFlow === void 0 ? void 0 : _this7$_embeddedFlow.stop();
-        (_this7$_storage = _this7._storage) === null || _this7$_storage === void 0 ? void 0 : _this7$_storage.sendMessage(Auth.CLOSE_WINDOW_MESSAGE, Date.now());
+        (_this7$_embeddedFlow = _this7._embeddedFlow) === null || _this7$_embeddedFlow === void 0 || _this7$_embeddedFlow.stop();
+        (_this7$_storage = _this7._storage) === null || _this7$_storage === void 0 || _this7$_storage.sendMessage(Auth.CLOSE_WINDOW_MESSAGE, Date.now());
         closeDialog();
         if (!cancelable) {
           var _this7$_initDeferred, _this7$_initDeferred$;
-          (_this7$_initDeferred = _this7._initDeferred) === null || _this7$_initDeferred === void 0 || (_this7$_initDeferred$ = _this7$_initDeferred.resolve) === null || _this7$_initDeferred$ === void 0 ? void 0 : _this7$_initDeferred$.call(_this7$_initDeferred);
+          (_this7$_initDeferred = _this7._initDeferred) === null || _this7$_initDeferred === void 0 || (_this7$_initDeferred$ = _this7$_initDeferred.resolve) === null || _this7$_initDeferred$ === void 0 || _this7$_initDeferred$.call(_this7$_initDeferred);
           _this7.listeners.trigger(LOGOUT_POSTPONED_EVENT);
           onPostponeLogout();
           return;
@@ -1058,7 +1058,7 @@ var Auth = /*#__PURE__*/function () {
           _this7.forceTokenUpdate();
         } else {
           var _this7$_initDeferred2, _this7$_initDeferred3;
-          (_this7$_initDeferred2 = _this7._initDeferred) === null || _this7$_initDeferred2 === void 0 || (_this7$_initDeferred3 = _this7$_initDeferred2.resolve) === null || _this7$_initDeferred3 === void 0 ? void 0 : _this7$_initDeferred3.call(_this7$_initDeferred2);
+          (_this7$_initDeferred2 = _this7._initDeferred) === null || _this7$_initDeferred2 === void 0 || (_this7$_initDeferred3 = _this7$_initDeferred2.resolve) === null || _this7$_initDeferred3 === void 0 || _this7$_initDeferred3.call(_this7$_initDeferred2);
         }
       };
       var onTryAgainClick = /*#__PURE__*/function () {
@@ -1095,7 +1095,7 @@ var Auth = /*#__PURE__*/function () {
         if (token) {
           var _this7$_initDeferred4, _this7$_initDeferred5;
           closeDialog();
-          (_this7$_initDeferred4 = _this7._initDeferred) === null || _this7$_initDeferred4 === void 0 || (_this7$_initDeferred5 = _this7$_initDeferred4.resolve) === null || _this7$_initDeferred5 === void 0 ? void 0 : _this7$_initDeferred5.call(_this7$_initDeferred4);
+          (_this7$_initDeferred4 = _this7._initDeferred) === null || _this7$_initDeferred4 === void 0 || (_this7$_initDeferred5 = _this7$_initDeferred4.resolve) === null || _this7$_initDeferred5 === void 0 || _this7$_initDeferred5.call(_this7$_initDeferred4);
         }
       });
       var stopMessageListening = (_this$_storage9 = this._storage) === null || _this$_storage9 === void 0 ? void 0 : _this$_storage9.onMessage(Auth.CLOSE_WINDOW_MESSAGE, function () {
@@ -1123,9 +1123,9 @@ var Auth = /*#__PURE__*/function () {
       this._createInitDeferred();
       var done = function done() {
         var _this8$_initDeferred, _this8$_initDeferred$;
-        (_this8$_initDeferred = _this8._initDeferred) === null || _this8$_initDeferred === void 0 || (_this8$_initDeferred$ = _this8$_initDeferred.resolve) === null || _this8$_initDeferred$ === void 0 ? void 0 : _this8$_initDeferred$.call(_this8$_initDeferred);
+        (_this8$_initDeferred = _this8._initDeferred) === null || _this8$_initDeferred === void 0 || (_this8$_initDeferred$ = _this8$_initDeferred.resolve) === null || _this8$_initDeferred$ === void 0 || _this8$_initDeferred$.call(_this8$_initDeferred);
         // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        hide === null || hide === void 0 ? void 0 : hide();
+        hide === null || hide === void 0 || hide();
       };
       var hide = (_this$_authDialogServ2 = this._authDialogService) === null || _this$_authDialogServ2 === void 0 ? void 0 : _this$_authDialogServ2.call(this, _objectSpread2(_objectSpread2({}, this._service), {}, {
         title: (_translations$youHave = translations === null || translations === void 0 ? void 0 : translations.youHaveLoggedInAs) !== null && _translations$youHave !== void 0 ? _translations$youHave : translate('youHaveLoggedInAs').replace('%userName%', (_newUser$name = newUser.name) !== null && _newUser$name !== void 0 ? _newUser$name : '').replace('{{userName}}', (_newUser$name2 = newUser.name) !== null && _newUser$name2 !== void 0 ? _newUser$name2 : ''),
@@ -1183,13 +1183,13 @@ var Auth = /*#__PURE__*/function () {
           /* eslint-disable @typescript-eslint/no-use-before-define */
           hide();
           window.removeEventListener('online', onCheckAgain);
-          stopListeningCloseMessage === null || stopListeningCloseMessage === void 0 ? void 0 : stopListeningCloseMessage();
+          stopListeningCloseMessage === null || stopListeningCloseMessage === void 0 || stopListeningCloseMessage();
           /* eslint-enable @typescript-eslint/no-use-before-define */
-          (_this9$_storage = _this9._storage) === null || _this9$_storage === void 0 ? void 0 : _this9$_storage.sendMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE, Date.now());
+          (_this9$_storage = _this9._storage) === null || _this9$_storage === void 0 || _this9$_storage.sendMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE, Date.now());
           clearTimeout(timerId);
         };
         var stopListeningCloseMessage = (_this9$_storage2 = _this9._storage) === null || _this9$_storage2 === void 0 ? void 0 : _this9$_storage2.onMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE, function () {
-          stopListeningCloseMessage === null || stopListeningCloseMessage === void 0 ? void 0 : stopListeningCloseMessage();
+          stopListeningCloseMessage === null || stopListeningCloseMessage === void 0 || stopListeningCloseMessage();
           done();
           resolve();
         });
@@ -1238,7 +1238,7 @@ var Auth = /*#__PURE__*/function () {
      */
   }, {
     key: "logout",
-    value: function () {
+    value: (function () {
       var _logout = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(extraParams) {
         var _this$_storage10, _this$_requestBuilder3;
         var requestParams, authRequest;
@@ -1276,7 +1276,7 @@ var Auth = /*#__PURE__*/function () {
         return _logout.apply(this, arguments);
       }
       return logout;
-    }()
+    }())
   }, {
     key: "_runEmbeddedLogin",
     value: function () {
@@ -1286,7 +1286,7 @@ var Auth = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee17$(_context17) {
           while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              (_this$_storage11 = this._storage) === null || _this$_storage11 === void 0 ? void 0 : _this$_storage11.sendMessage(Auth.CLOSE_WINDOW_MESSAGE, Date.now());
+              (_this$_storage11 = this._storage) === null || _this$_storage11 === void 0 || _this$_storage11.sendMessage(Auth.CLOSE_WINDOW_MESSAGE, Date.now());
               _context17.prev = 1;
               this._isLoginWindowOpen = true;
               _context17.next = 5;
@@ -1318,7 +1318,7 @@ var Auth = /*#__PURE__*/function () {
      */
   }, {
     key: "login",
-    value: function () {
+    value: (function () {
       var _login = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
         var _this$_backgroundFlow3, accessToken, _user;
         return _regeneratorRuntime().wrap(function _callee18$(_context18) {
@@ -1367,7 +1367,7 @@ var Auth = /*#__PURE__*/function () {
         return _login.apply(this, arguments);
       }
       return login;
-    }()
+    }())
   }, {
     key: "switchUser",
     value: function () {
@@ -1426,7 +1426,7 @@ var Auth = /*#__PURE__*/function () {
      */
   }, {
     key: "_checkForAuthResponse",
-    value: function () {
+    value: (function () {
       var _checkForAuthResponse2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
         var _this$_storage12;
         var authResponse, _this$config4, defaultScope, defaultExpiresIn, cleanHash, stateId, scope, expiresIn, accessToken, newState, scopes, effectiveExpiresIn, expires, _this$_storage13;
@@ -1483,7 +1483,7 @@ var Auth = /*#__PURE__*/function () {
         return _checkForAuthResponse2.apply(this, arguments);
       }
       return _checkForAuthResponse;
-    }()
+    }())
   }, {
     key: "_checkForStateRestoration",
     value: function () {

package/dist/auth/background-flow.js

@@ -58,7 +58,7 @@ var BackgroundFlow = /*#__PURE__*/function () {
      */
   }, {
     key: "_load",
-    value: function () {
+    value: (function () {
       var _load2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var _this = this;
         var authRequest;
@@ -124,7 +124,7 @@ var BackgroundFlow = /*#__PURE__*/function () {
         return _load2.apply(this, arguments);
       }
       return _load;
-    }()
+    }())
   }, {
     key: "authorize",
     value: function authorize() {

package/dist/auth/iframe-flow.js

@@ -98,7 +98,7 @@ var IFrameFlow = /*#__PURE__*/function () {
    */
   _createClass(IFrameFlow, [{
     key: "_load",
-    value: function () {
+    value: (function () {
       var _load2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var _this2 = this;
         var authRequest, renderFallbackLink;
@@ -150,7 +150,7 @@ var IFrameFlow = /*#__PURE__*/function () {
                 });
                 var cleanUp = function cleanUp() {
                   var _this2$hideDialog;
-                  (_this2$hideDialog = _this2.hideDialog) === null || _this2$hideDialog === void 0 ? void 0 : _this2$hideDialog.call(_this2);
+                  (_this2$hideDialog = _this2.hideDialog) === null || _this2$hideDialog === void 0 || _this2$hideDialog.call(_this2);
                   removeStateListener();
                   removeTokenListener();
                 };
@@ -165,7 +165,7 @@ var IFrameFlow = /*#__PURE__*/function () {
         return _load2.apply(this, arguments);
       }
       return _load;
-    }()
+    }())
   }, {
     key: "stop",
     value: function stop() {

package/dist/auth/request-builder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="typings" />
 import uuid from 'simply-uuid';
 import AuthStorage, { AuthState } from './storage';
 export interface AuthRequestBuilderConfig {

package/dist/auth/request-builder.js

@@ -30,7 +30,7 @@ var AuthRequestBuilder = /*#__PURE__*/function () {
    */
   _createClass(AuthRequestBuilder, [{
     key: "prepareAuthRequest",
-    value:
+    value: (
     /**
      * Save state and build an auth server redirect URL.
      *
@@ -87,6 +87,7 @@ var AuthRequestBuilder = /*#__PURE__*/function () {
      * @return {Promise}
      * @private
      */
+    )
   }, {
     key: "_saveState",
     value: function _saveState(id, storedState) {