@jetbrains/ring-ui-built 7.0.27 → 7.0.29

package/components/list/list__item.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -9,7 +9,9 @@ import Avatar from '../avatar/avatar.js';
 import Checkbox from '../checkbox/checkbox.js';
 import Icon from '../icon/icon.js';
 import getUID from '../global/get-uid.js';
+import Link, { linkHOC } from '../link/link.js';
 import { s as styles } from '../_helpers/list.js';
+import { Type } from './consts.js';
 import { getListClasses } from './list__classes.js';
 import { Size } from '../avatar/avatar-size.js';
 import 'core-js/modules/es.string.includes.js';
@@ -34,8 +36,10 @@ import '../control-help/control-help.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
-import './consts.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
 
+const _excluded = ["disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "level", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper", "rgItemType", "scrolling", "data-test", "className", "url", "LinkComponent", "compact", "hoverClassName", "children"];
 /**
  * @constructor
  * @extends {ReactComponent}
@@ -51,32 +55,43 @@ class ListItem extends PureComponent {
     _defineProperty(this, "_isString", val => typeof val === 'string' || val instanceof String);
   }
   render() {
-    const {
-      disabled,
-      checkbox,
-      avatar,
-      subavatar,
-      glyph,
-      icon,
-      rightGlyph,
-      description,
-      label,
-      title,
-      details,
-      hover,
-      level,
-      tabIndex,
-      onClick,
-      onCheckboxChange,
-      onMouseOver,
-      onMouseDown,
-      onMouseUp,
-      rightNodes,
-      leftNodes,
-      showGeneratedAvatar,
-      username,
-      labelWrapper
-    } = this.props;
+    const _this$props = this.props,
+      {
+        disabled,
+        checkbox,
+        avatar,
+        subavatar,
+        glyph,
+        icon,
+        rightGlyph,
+        description,
+        label,
+        title,
+        details,
+        hover,
+        level,
+        tabIndex,
+        onClick,
+        onCheckboxChange,
+        onMouseOver,
+        onMouseDown,
+        onMouseUp,
+        rightNodes,
+        leftNodes,
+        showGeneratedAvatar,
+        username,
+        labelWrapper,
+        rgItemType,
+        scrolling,
+        'data-test': dataTest,
+        className,
+        url,
+        LinkComponent,
+        compact,
+        hoverClassName,
+        children // TODO use an allow list in 8.0
+      } = _this$props,
+      restLinkProps = _objectWithoutProperties(_this$props, _excluded);
     const checkable = checkbox !== undefined;
     const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
     const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
@@ -98,41 +113,31 @@ class ListItem extends PureComponent {
       // label can also be an element, use empty string in this case
       computedTitle = this._isString(label) ? label : '';
     }
-    const dataTest = joinDataTestAttributes({
-      'ring-list-item': (this.props['data-test'] || '').indexOf('ring-list-item') === -1,
+    const isLink = rgItemType === Type.LINK;
+    const combinedDataTest = joinDataTestAttributes({
+      'ring-list-item': (dataTest || '').indexOf('ring-list-item') === -1,
       'ring-list-item-action': !disabled,
-      'ring-list-item-selected': checkbox
-    }, this.props['data-test']);
+      'ring-list-item-selected': checkbox,
+      'ring-list-link': isLink
+    }, dataTest);
     const labelElement = jsx("span", {
       className: styles.label,
       title: computedTitle,
       "data-test": "ring-list-item-label",
-      children: label
+      children: label !== null && label !== void 0 ? label : children
     });
-    return jsxs("div", {
-      className: styles.itemContainer,
-      "data-test": dataTest,
-      children: [showCheckbox && jsx("div", {
-        className: styles.checkboxContainer,
-        children: jsx(Checkbox, {
-          "aria-labelledby": this.id,
-          checked: checkbox,
-          disabled: disabled,
-          onChange: onCheckboxChange,
-          onClick: this.stopBubbling
-        })
-      }), jsxs("button", {
-        id: this.id,
-        type: "button",
-        tabIndex: tabIndex,
-        onClick: onClick,
-        onMouseOver: onMouseOver,
-        onMouseDown: onMouseDown,
-        onFocus: onMouseOver,
-        onMouseUp: onMouseUp,
-        className: classes,
-        style: style,
-        disabled: disabled,
+    const commonProps = {
+      id: this.id,
+      tabIndex,
+      onClick,
+      onMouseOver,
+      onMouseDown,
+      onFocus: onMouseOver,
+      onMouseUp,
+      className: classes,
+      style,
+      disabled,
+      children: jsxs(Fragment, {
         children: [jsxs("div", {
           className: styles.top,
           onMouseOut: this.stopBubbling,
@@ -173,7 +178,26 @@ class ListItem extends PureComponent {
           className: detailsClasses,
           children: details
         })]
-      })]
+      })
+    };
+    const LinkComponentToUse = LinkComponent ? linkHOC(LinkComponent) : Link;
+    return jsxs("div", {
+      className: styles.itemContainer,
+      "data-test": combinedDataTest,
+      children: [showCheckbox && jsx("div", {
+        className: styles.checkboxContainer,
+        children: jsx(Checkbox, {
+          "aria-labelledby": this.id,
+          checked: checkbox,
+          disabled: disabled,
+          onChange: onCheckboxChange,
+          onClick: this.stopBubbling
+        })
+      }), isLink ? jsx(LinkComponentToUse, _objectSpread2(_objectSpread2({
+        pseudo: !restLinkProps.href
+      }, commonProps), restLinkProps)) : jsx("button", _objectSpread2({
+        type: "button"
+      }, commonProps))]
     });
   }
 }

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

@@ -33,13 +33,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import './list__link.js';
-import '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import './list__classes.js';
-import './consts.js';
-import '../_helpers/list.js';
 import './list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -56,6 +49,12 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import './consts.js';
+import './list__classes.js';
 import './list__custom.js';
 import '../global/get-event-key.js';
 import './list__title.js';
@@ -82,7 +81,7 @@ var Filter;
 class ListUsersGroupsSource extends HubSourceUsersGroups {
   constructor(auth, options) {
     super(auth, options);
-    _defineProperty(this, "listSourceOptions", undefined);
+    _defineProperty(this, "listSourceOptions", void 0);
     this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
   getGroupsSectionTitle(groups) {
@@ -108,7 +107,7 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
         return items.push(_objectSpread2(_objectSpread2({}, user), {}, {
           key: user.id,
           label: user.name,
-          avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === undefined ? undefined : _user$profile$avatar.url : null,
+          avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
           description: user.login
         }));
       });

package/components/loader/loader.js

@@ -19,7 +19,7 @@ const _excluded = ["message", "size", "colors", "data-test", "stop", "determinis
 class Loader extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "loader", undefined);
+    _defineProperty(this, "loader", void 0);
     _defineProperty(this, "initLoader", el => {
       if (el) {
         this.loader = new LoaderCore(el, this.props);
@@ -37,7 +37,7 @@ class Loader extends PureComponent {
   }
   componentWillUnmount() {
     var _this$loader;
-    (_this$loader = this.loader) === null || _this$loader === undefined || _this$loader.destroy();
+    (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
   }
   render() {
     const _this$props = this.props,

package/components/loader/loader__core.js

@@ -16,12 +16,12 @@ class Particle {
       radius,
       color
     } = _ref;
-    _defineProperty(this, "radius", undefined);
-    _defineProperty(this, "x", undefined);
-    _defineProperty(this, "y", undefined);
-    _defineProperty(this, "color", undefined);
-    _defineProperty(this, "decay", undefined);
-    _defineProperty(this, "life", undefined);
+    _defineProperty(this, "radius", void 0);
+    _defineProperty(this, "x", void 0);
+    _defineProperty(this, "y", void 0);
+    _defineProperty(this, "color", void 0);
+    _defineProperty(this, "decay", void 0);
+    _defineProperty(this, "life", void 0);
     this.radius = radius;
     this.x = x;
     this.y = y;
@@ -58,26 +58,26 @@ class LoaderCore {
   }
   constructor(containerNode, props) {
     var _this$ctx;
-    _defineProperty(this, "props", undefined);
-    _defineProperty(this, "canvas", undefined);
-    _defineProperty(this, "textNode", undefined);
-    _defineProperty(this, "ctx", undefined);
-    _defineProperty(this, "height", undefined);
-    _defineProperty(this, "width", undefined);
-    _defineProperty(this, "particles", undefined);
-    _defineProperty(this, "baseSpeed", undefined);
-    _defineProperty(this, "colorIndex", undefined);
-    _defineProperty(this, "maxRadius", undefined);
-    _defineProperty(this, "minRadius", undefined);
-    _defineProperty(this, "colorChangeTick", undefined);
-    _defineProperty(this, "x", undefined);
-    _defineProperty(this, "y", undefined);
-    _defineProperty(this, "radius", undefined);
-    _defineProperty(this, "hSpeed", undefined);
-    _defineProperty(this, "vSpeed", undefined);
-    _defineProperty(this, "radiusSpeed", undefined);
-    _defineProperty(this, "tick", undefined);
-    _defineProperty(this, "isRunning", undefined);
+    _defineProperty(this, "props", void 0);
+    _defineProperty(this, "canvas", void 0);
+    _defineProperty(this, "textNode", void 0);
+    _defineProperty(this, "ctx", void 0);
+    _defineProperty(this, "height", void 0);
+    _defineProperty(this, "width", void 0);
+    _defineProperty(this, "particles", void 0);
+    _defineProperty(this, "baseSpeed", void 0);
+    _defineProperty(this, "colorIndex", void 0);
+    _defineProperty(this, "maxRadius", void 0);
+    _defineProperty(this, "minRadius", void 0);
+    _defineProperty(this, "colorChangeTick", void 0);
+    _defineProperty(this, "x", void 0);
+    _defineProperty(this, "y", void 0);
+    _defineProperty(this, "radius", void 0);
+    _defineProperty(this, "hSpeed", void 0);
+    _defineProperty(this, "vSpeed", void 0);
+    _defineProperty(this, "radiusSpeed", void 0);
+    _defineProperty(this, "tick", void 0);
+    _defineProperty(this, "isRunning", void 0);
     this.props = Object.assign({}, LoaderCore.defaultProps, props);
     this.canvas = document.createElement('canvas');
     this.canvas.dataset.test = 'ring-loader';
@@ -96,7 +96,7 @@ class LoaderCore {
     this.canvas.style.width = "".concat(this.props.size, "px");
     this.canvas.style.height = "".concat(this.props.size, "px");
     this.ctx = this.canvas.getContext('2d');
-    (_this$ctx = this.ctx) === null || _this$ctx === undefined || _this$ctx.scale(pixelRatio, pixelRatio);
+    (_this$ctx = this.ctx) === null || _this$ctx === void 0 || _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = [];

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

@@ -79,7 +79,7 @@ class LoginDialog extends Component {
       height: DEFAULT_HEIGHT,
       width: DEFAULT_WIDTH
     });
-    _defineProperty(this, "showFallbackTimout", undefined);
+    _defineProperty(this, "showFallbackTimout", void 0);
     _defineProperty(this, "onMessage", event => {
       const {
         data

package/components/message/message.js

@@ -124,12 +124,12 @@ class Message extends Component {
     _defineProperty(this, "_onDirectionChange", direction => this.setState({
       direction
     }));
-    _defineProperty(this, "popup", undefined);
-    _defineProperty(this, "node", undefined);
+    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "node", void 0);
     _defineProperty(this, "popupRef", el => {
       var _this$popup;
       this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === undefined ? undefined : _this$popup.node;
+      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
     });
   }
   getTailOffset() {
@@ -141,14 +141,14 @@ class Message extends Component {
     if (this.props.tailOffset != null) {
       return this.props.tailOffset;
     }
-    const anchor = (popupProps === null || popupProps === undefined ? undefined : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === undefined ? undefined : _this$popup2.parent);
+    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
     if (!anchor) {
       return DEFAULT_OFFSET;
     }
     const offset = Math.floor(anchor.offsetWidth / 2);
     const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-    if (popupProps !== null && popupProps !== undefined && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === undefined ? undefined : popupProps.left);
+    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
+      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
     }
     return offset;
   }
@@ -212,11 +212,11 @@ class Message extends Component {
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {
-                  children: (_translations$gotIt = translations === null || translations === undefined ? undefined : translations.gotIt) !== null && _translations$gotIt !== undefined ? _translations$gotIt : translate('gotIt')
+                  children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
                 })), onDismiss && jsx(Button, {
                   onClick: onDismiss,
                   inline: true,
-                  children: (_translations$dismiss = translations === null || translations === undefined ? undefined : translations.dismiss) !== null && _translations$dismiss !== undefined ? _translations$dismiss : translate('dismiss')
+                  children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
                 })]
               })
             }));

package/components/old-browsers-message/white-list.js

@@ -18,7 +18,7 @@ const SUPPORTED = ["and_chr 132", "chrome 132", "chrome 131", "chrome 109", "edg
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;
-  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== undefined ? _item$match : [];
+  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;
   }

package/components/pager/pager.js

@@ -68,16 +68,15 @@ import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
-import '../_helpers/link.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/composeRefs.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
+import '../_helpers/link.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -114,7 +113,7 @@ class Pager extends PureComponent {
       if (currentPage !== 1) {
         var _this$props$onPageCha, _this$props;
         const prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === undefined || _this$props$onPageCha.call(_this$props, prevPage);
+        (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === void 0 || _this$props$onPageCha.call(_this$props, prevPage);
       }
     });
     _defineProperty(this, "handleNextClick", () => {
@@ -126,14 +125,14 @@ class Pager extends PureComponent {
       const total = this.getTotalPages();
       if (currentPage !== total) {
         var _this$props$onPageCha2, _this$props2;
-        (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === undefined || _this$props$onPageCha2.call(_this$props2, nextPage);
+        (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 || _this$props$onPageCha2.call(_this$props2, nextPage);
       } else if (this.props.openTotal) {
         onLoadPage(nextPage);
       }
     });
     _defineProperty(this, "handlePageChange", memoize(i => event => {
       var _this$props$onPageCha3, _this$props3;
-      (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === undefined || _this$props$onPageCha3.call(_this$props3, i, event);
+      (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 || _this$props$onPageCha3.call(_this$props3, i, event);
     }));
     _defineProperty(this, "handleLoadMore", memoize(i => () => {
       this.props.onLoadPage(i);
@@ -151,7 +150,7 @@ class Pager extends PureComponent {
       var _this$props$translati, _this$props$translati2;
       return {
         key: size,
-        label: "".concat(size, " ").concat((_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === undefined ? undefined : _this$props$translati2.perPage) !== null && _this$props$translati !== undefined ? _this$props$translati : translate('perPage'))
+        label: "".concat(size, " ").concat((_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.perPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('perPage'))
       };
     });
     const selected = data.find(it => it.key === pageSize);
@@ -221,8 +220,8 @@ class Pager extends PureComponent {
     const prevIcon = jsx(Icon, {
       glyph: chevronLeftIcon
     }, "icon");
-    const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === undefined ? undefined : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== undefined ? _this$props$translati3 : translate('previousPage');
-    const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === undefined ? undefined : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== undefined ? _this$props$translati5 : translate('nextPage');
+    const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('previousPage');
+    const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('nextPage');
     const nextLinkContent = [jsx("span", {
       children: nextText
     }, "text"), nextIcon];
@@ -279,7 +278,7 @@ class Pager extends PureComponent {
     } = this.context;
     if (totalPages < this.props.currentPage) {
       var _this$props$onPageCha4, _this$props4;
-      (_this$props$onPageCha4 = (_this$props4 = this.props).onPageChange) === null || _this$props$onPageCha4 === undefined || _this$props$onPageCha4.call(_this$props4, totalPages);
+      (_this$props$onPageCha4 = (_this$props4 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 || _this$props$onPageCha4.call(_this$props4, totalPages);
     }
     let start = 1;
     let end = totalPages;
@@ -311,14 +310,14 @@ class Pager extends PureComponent {
       children: [this.getPagerLinks(), jsxs("div", {
         className: style.actions,
         children: [jsxs(ButtonToolbar, {
-          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === undefined ? undefined : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== undefined ? _this$props$translati7 : translate('firstPage')), jsxs(ButtonGroup, {
+          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), jsxs(ButtonGroup, {
             children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && jsx(Button, _objectSpread2(_objectSpread2({
               href: this.generateHref(end + 1),
               disabled: this.props.loader
             }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
               children: '...'
             }))]
-          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === undefined ? undefined : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== undefined ? _this$props$translati9 : translate('lastPage'))]
+          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === void 0 ? void 0 : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))]
         }), this.getPageSizeSelector()]
       })]
     });

package/components/permissions/permissions.js

@@ -29,13 +29,13 @@ import PermissionCache from './permissions__cache.js';
 class Permissions {
   constructor(auth) {
     let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    _defineProperty(this, "query", undefined);
-    _defineProperty(this, "namesConverter", undefined);
-    _defineProperty(this, "_auth", undefined);
-    _defineProperty(this, "_datasource", undefined);
-    _defineProperty(this, "_promise", undefined);
-    _defineProperty(this, "_subscribed", undefined);
-    _defineProperty(this, "_permissionCache", undefined);
+    _defineProperty(this, "query", void 0);
+    _defineProperty(this, "namesConverter", void 0);
+    _defineProperty(this, "_auth", void 0);
+    _defineProperty(this, "_datasource", void 0);
+    _defineProperty(this, "_promise", void 0);
+    _defineProperty(this, "_subscribed", void 0);
+    _defineProperty(this, "_permissionCache", void 0);
     _defineProperty(this, "_defaultDatasource", query => this._auth.http.get(Permissions.API_PERMISSION_CACHE_PATH, {
       query: {
         fields: 'permission/key,global,projects(id)',

package/components/permissions/permissions__cache.js

@@ -32,9 +32,9 @@ class PermissionCache {
     return projectIdSet;
   }
   constructor(permissions, namesConverter) {
-    _defineProperty(this, "namesConverter", undefined);
-    _defineProperty(this, "_permissions", undefined);
-    _defineProperty(this, "permissionCache", undefined);
+    _defineProperty(this, "namesConverter", void 0);
+    _defineProperty(this, "_permissions", void 0);
+    _defineProperty(this, "permissionCache", void 0);
     this.namesConverter = namesConverter || (key => key);
     this.set(permissions);
   }
@@ -206,7 +206,7 @@ class PermissionCache {
   testPermission(permissionName, projectId) {
     const permissionCache = this.permissionCache;
     const convertedName = this.namesConverter(permissionName);
-    const cachedPermission = (permissionCache === null || permissionCache === undefined ? undefined : permissionCache[permissionName]) || convertedName && (permissionCache === null || permissionCache === undefined ? undefined : permissionCache[convertedName]);
+    const cachedPermission = (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[permissionName]) || convertedName && (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[convertedName]);
     // Hasn't the permission in any project
     if (!cachedPermission) {
       return false;

package/components/popup/popup.js

@@ -71,11 +71,11 @@ class Popup extends PureComponent {
     _defineProperty(this, "state", {
       display: Display.SHOWING
     });
-    _defineProperty(this, "popup", undefined);
-    _defineProperty(this, "node", undefined);
-    _defineProperty(this, "parent", undefined);
-    _defineProperty(this, "container", undefined);
-    _defineProperty(this, "ringPopupTarget", undefined);
+    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "parent", void 0);
+    _defineProperty(this, "container", void 0);
+    _defineProperty(this, "ringPopupTarget", void 0);
     _defineProperty(this, "listeners", new Listeners());
     _defineProperty(this, "redrawScheduler", scheduleRAF(true));
     _defineProperty(this, "uid", getUID('popup-'));
@@ -136,8 +136,8 @@ class Popup extends PureComponent {
         this.redrawScheduler(this._updatePosition);
       }
     });
-    _defineProperty(this, "_listenersEnabled", undefined);
-    _defineProperty(this, "_prevTimeout", undefined);
+    _defineProperty(this, "_listenersEnabled", void 0);
+    _defineProperty(this, "_prevTimeout", void 0);
     _defineProperty(this, "_onEscPress", evt => {
       this.props.onEscPress(evt);
       this._onCloseAttempt(evt, true);
@@ -148,7 +148,7 @@ class Popup extends PureComponent {
      */
     _defineProperty(this, "_onDocumentClick", evt => {
       var _this$_getAnchor;
-      if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && (_this$_getAnchor = this._getAnchor()) !== null && _this$_getAnchor !== undefined && _this$_getAnchor.contains(evt.target)) {
+      if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && (_this$_getAnchor = this._getAnchor()) !== null && _this$_getAnchor !== void 0 && _this$_getAnchor.contains(evt.target)) {
         return;
       }
       this.props.onOutsideClick(evt);

package/components/popup/position.js

@@ -249,7 +249,7 @@ function position(attrs) {
       anchorRect,
       maxHeight,
       direction: chosenDirection,
-      popupScrollHeight: (_popup$scrollHeight = popup === null || popup === undefined ? undefined : popup.scrollHeight) !== null && _popup$scrollHeight !== undefined ? _popup$scrollHeight : 0,
+      popupScrollHeight: (_popup$scrollHeight = popup === null || popup === void 0 ? void 0 : popup.scrollHeight) !== null && _popup$scrollHeight !== void 0 ? _popup$scrollHeight : 0,
       scroll
     });
   }

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

@@ -38,13 +38,6 @@ import 'memoize-one';
 import '../global/memoize.js';
 import 'core-js/modules/es.weak-map.js';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -60,6 +53,12 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -79,7 +78,7 @@ class PopupMenu extends Popup {
       }
       this.props.onSelect(item, event);
     });
-    _defineProperty(this, "list", undefined);
+    _defineProperty(this, "list", void 0);
     _defineProperty(this, "listRef", el => {
       this.list = el;
     });

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

@@ -13,11 +13,11 @@ const _excluded = ["className", "global", "max", "value", "label", "staticColor"
 class ProgressBar extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "progressbarWrapper", undefined);
+    _defineProperty(this, "progressbarWrapper", void 0);
     _defineProperty(this, "progressbarWrapperRef", el => {
       this.progressbarWrapper = el;
     });
-    _defineProperty(this, "progressbar", undefined);
+    _defineProperty(this, "progressbar", void 0);
     _defineProperty(this, "progressbarRef", el => {
       this.progressbar = el;
     });