@jetbrains/ring-ui 5.0.127 → 5.0.128

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

@@ -5,11 +5,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 111", "chrome 110", "chrome 109", "edge 110", "edge 109", "firefox 109", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "samsung 19.0"]) {
+if (!["and_chr 111", "chrome 111", "chrome 110", "chrome 109", "edge 111", "edge 110", "firefox 110", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "op_mini all", "safari 16.3", "samsung 20"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 111", "chrome 110", "chrome 109", "edge 110", "edge 109", "firefox 109", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "samsung 19.0"] || [];
+const SUPPORTED = ["and_chr 111", "chrome 111", "chrome 110", "chrome 109", "edge 111", "edge 110", "firefox 110", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "ios_saf 16.0", "ios_saf 15.6", "op_mini all", "safari 16.3", "samsung 20"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/dist/pager/pager.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -90,42 +90,27 @@ import '../_helpers/select__filter.js';
 var modules_1a5f0d42 = {"unit":"i__const_unit_0","light":"light_rui_2db7","pager":"pager_rui_2db7","links":"links_rui_2db7","link":"link_rui_2db7","linkDisabled":"linkDisabled_rui_2db7"};
 
 class Pager extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handlePageSizeChange", item => {
-      if (item != null) {
-        this.props.onPageSizeChange(item.key);
-      }
-    });
-    _defineProperty(this, "handlePrevClick", () => {
-      const {
-        currentPage
-      } = this.props;
-      if (currentPage !== 1) {
-        const prevPage = currentPage - 1;
-        this.props.onPageChange?.(prevPage);
-      }
-    });
-    _defineProperty(this, "handleNextClick", () => {
-      const {
-        currentPage,
-        onLoadPage
-      } = this.props;
-      const nextPage = currentPage + 1;
-      const total = this.getTotalPages();
-      if (currentPage !== total) {
-        this.props.onPageChange?.(nextPage);
-      } else if (this.props.openTotal) {
-        onLoadPage(nextPage);
-      }
-    });
-    _defineProperty(this, "handlePageChange", memoize(i => event => {
-      this.props.onPageChange?.(i, event);
-    }));
-    _defineProperty(this, "handleLoadMore", memoize(i => () => {
-      this.props.onLoadPage(i);
-    }));
-  }
+  static defaultProps = {
+    currentPage: 1,
+    pageSize: 50,
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    pageSizes: [20, 50, 100],
+    visiblePagesLimit: 7,
+    disablePageSizeSelector: false,
+    openTotal: false,
+    canLoadLastPageWithOpenTotal: false,
+    translations: {
+      perPage: 'per page',
+      firstPage: 'First page',
+      lastPage: 'Last page',
+      nextPage: 'Next page',
+      previousPage: 'Previous'
+    },
+    loader: false,
+    loaderNavigation: false,
+    onPageSizeChange: () => {},
+    onLoadPage: () => {}
+  };
   getSelectOptions() {
     const {
       pageSize,
@@ -148,6 +133,39 @@ class Pager extends PureComponent {
     } = this.props;
     return Math.ceil(total / pageSize);
   }
+  handlePageSizeChange = item => {
+    if (item != null) {
+      this.props.onPageSizeChange(item.key);
+    }
+  };
+  handlePrevClick = () => {
+    const {
+      currentPage
+    } = this.props;
+    if (currentPage !== 1) {
+      const prevPage = currentPage - 1;
+      this.props.onPageChange?.(prevPage);
+    }
+  };
+  handleNextClick = () => {
+    const {
+      currentPage,
+      onLoadPage
+    } = this.props;
+    const nextPage = currentPage + 1;
+    const total = this.getTotalPages();
+    if (currentPage !== total) {
+      this.props.onPageChange?.(nextPage);
+    } else if (this.props.openTotal) {
+      onLoadPage(nextPage);
+    }
+  };
+  handlePageChange = memoize(i => event => {
+    this.props.onPageChange?.(i, event);
+  });
+  handleLoadMore = memoize(i => () => {
+    this.props.onLoadPage(i);
+  });
   getButton(page, content, key, active) {
     return /*#__PURE__*/React.createElement(Button, _extends({
       href: this.generateHref(page),
@@ -287,27 +305,6 @@ class Pager extends PureComponent {
     }, this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector());
   }
 }
-_defineProperty(Pager, "defaultProps", {
-  currentPage: 1,
-  pageSize: 50,
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-  pageSizes: [20, 50, 100],
-  visiblePagesLimit: 7,
-  disablePageSizeSelector: false,
-  openTotal: false,
-  canLoadLastPageWithOpenTotal: false,
-  translations: {
-    perPage: 'per page',
-    firstPage: 'First page',
-    lastPage: 'Last page',
-    nextPage: 'Next page',
-    previousPage: 'Previous'
-  },
-  loader: false,
-  loaderNavigation: false,
-  onPageSizeChange: () => {},
-  onLoadPage: () => {}
-});
 Pager.propTypes = {
   total: PropTypes.number.isRequired,
   currentPage: PropTypes.number,

package/dist/pager-ng/pager-ng.js

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Pager$1 from '../pager/pager.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -8,6 +7,7 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/chevron-left';
 import '@jetbrains/icons/chevron-right';

package/dist/panel/panel.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -8,6 +8,10 @@ import { m as modules_cf670408 } from '../_helpers/panel.js';
  * @name Panel
  */
 class Panel extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
   render() {
     const {
       className,
@@ -20,9 +24,5 @@ class Panel extends PureComponent {
     }), children);
   }
 }
-_defineProperty(Panel, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
 
 export { Panel as default };

package/dist/panel-ng/panel-ng.js

@@ -1,7 +1,6 @@
 import angular from 'angular';
 import { m as modules_cf670408 } from '../_helpers/panel.js';
 import { addClasses } from '../global/dom.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
 const angularModule = angular.module('Ring.panel', []);
 angularModule.directive('rgPanel', function rgEqualValueDirective() {

package/dist/permissions/permissions.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import PermissionCache from './permissions__cache.js';
 
 /**
@@ -29,22 +28,16 @@ class Permissions {
   /**
    * @const {string}
    */
-
+  static API_PERMISSION_CACHE_PATH = 'permissions/cache';
+  query;
+  namesConverter;
+  _auth;
+  _datasource;
+  _promise;
+  _subscribed;
+  _permissionCache;
   constructor(auth) {
     let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    _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)',
-        query
-      }
-    }));
     this.query = Permissions.getPermissionQuery(config.services);
     this.namesConverter = config.prefix ? Permissions.getDefaultNamesConverter(config.prefix) : config.namesConverter;
     if (!auth) {
@@ -56,6 +49,12 @@ class Permissions {
     this._subscribed = false;
     this._permissionCache = new PermissionCache(null, this.namesConverter);
   }
+  _defaultDatasource = query => this._auth.http.get(Permissions.API_PERMISSION_CACHE_PATH, {
+    query: {
+      fields: 'permission/key,global,projects(id)',
+      query
+    }
+  });
   /**
    * Returns function, which cuts off prefix from server-side permission name
    *
@@ -172,6 +171,5 @@ class Permissions {
     });
   }
 }
-_defineProperty(Permissions, "API_PERMISSION_CACHE_PATH", 'permissions/cache');
 
 export { Permissions as default };

package/dist/permissions/permissions__cache.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 /**
  * Converts an array of cached permissions to a a map of a permission key
  * to the respective cached permission.
@@ -14,6 +12,7 @@ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
  * @private
  */
 class PermissionCache {
+  static GLOBAL_PROJECT_ID = 'global';
   /**
    * Convert an array of projects to a set of project ids.
    *
@@ -31,13 +30,13 @@ class PermissionCache {
     }
     return projectIdSet;
   }
+  namesConverter;
   constructor(permissions, namesConverter) {
-    _defineProperty(this, "namesConverter", void 0);
-    _defineProperty(this, "_permissions", void 0);
-    _defineProperty(this, "permissionCache", void 0);
     this.namesConverter = namesConverter || (key => key);
     this.set(permissions);
   }
+  _permissions;
+  permissionCache;
   set(permissions) {
     const permissionCache = (permissions || []).reduce((_permissionCache, permission) => {
       const key = this.namesConverter(permission.permission.key);
@@ -223,6 +222,5 @@ class PermissionCache {
     }
   }
 }
-_defineProperty(PermissionCache, "GLOBAL_PROJECT_ID", 'global');
 
 export { PermissionCache as default };

package/dist/permissions-ng/permissions-ng.js

@@ -4,7 +4,6 @@ import Permissions from '../permissions/permissions.js';
 import PermissionCache from '../permissions/permissions__cache.js';
 import '../auth/auth.js';
 import '../auth/window-flow.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
@@ -12,6 +11,7 @@ import '../auth/down-notification.js';
 import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';

package/dist/place-under-ng/place-under-ng.js

@@ -2,7 +2,6 @@ import angular from 'angular';
 import debounce from 'just-debounce-it';
 import createResizeDetector from 'element-resize-detector';
 import { getDocumentScrollTop } from '../global/dom.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
 const resizeDetector = createResizeDetector();
 const angularModule = angular.module('Ring.place-under', []);

package/dist/popup/popup.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -10,12 +9,13 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import position from './position.js';
-import { Display, DEFAULT_DIRECTIONS, Directions, Dimension, MinWidth, MaxHeight } from './popup.consts.js';
+import { DEFAULT_DIRECTIONS, Display, Directions, Dimension, MinWidth, MaxHeight } from './popup.consts.js';
 import { PopupTargetContext, PopupTarget } from './popup.target.js';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 
 var modules_2f69e2e2 = {"light":"light_rui_7cd4","popup":"popup_rui_7cd4 font_rui_8bff","hidden":"hidden_rui_7cd4","showing":"showing_rui_7cd4","attached":"attached_rui_7cd4"};
 
@@ -27,98 +27,30 @@ const getPopupContainer = target => typeof target === 'string' ? document.queryS
  * @extends {ReactComponent}
  */
 class Popup extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      display: Display.SHOWING
-    });
-    _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-'));
-    _defineProperty(this, "calculateDisplay", prevState => ({
-      ...prevState,
-      display: this.props.hidden ? Display.SHOWING : Display.SHOWN
-    }));
-    _defineProperty(this, "portalRef", el => {
-      this.node = el;
-      this.parent = el && el.parentElement;
-      if (el && this.getContainer()) {
-        this._redraw();
-      }
-    });
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-      this._redraw();
-    });
-    _defineProperty(this, "containerRef", el => {
-      this.container = el;
-    });
-    _defineProperty(this, "_updateDirection", newDirection => {
-      if (this.state.direction !== newDirection) {
-        this.setState({
-          direction: newDirection
-        });
-        if (this.props.onDirectionChange) {
-          this.props.onDirectionChange(newDirection);
-        }
-      }
-    });
-    _defineProperty(this, "_updatePosition", () => {
-      const popup = this.popup;
-      if (popup) {
-        popup.style.position = 'absolute';
-        if (this.isVisible()) {
-          const {
-            styles: style,
-            direction
-          } = this.position();
-          Object.entries(style).forEach(_ref => {
-            let [key, value] = _ref;
-            const propKey = key;
-            if (typeof value === 'number') {
-              popup.style[propKey] = `${value}px`;
-            } else {
-              popup.style[propKey] = value.toString();
-            }
-          });
-          if (direction != null) {
-            this._updateDirection(direction);
-          }
-        }
-        this.setState(this.calculateDisplay);
-      }
-    });
-    _defineProperty(this, "_redraw", () => {
-      if (this.isVisible()) {
-        this.redrawScheduler(this._updatePosition);
-      }
-    });
-    _defineProperty(this, "_listenersEnabled", void 0);
-    _defineProperty(this, "_onEscPress", evt => {
-      this.props.onEscPress(evt);
-      this._onCloseAttempt(evt, true);
-    });
-    /**
-     * @param {jQuery.Event} evt
-     * @private
-     */
-    _defineProperty(this, "_onDocumentClick", evt => {
-      if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && this._getAnchor()?.contains(evt.target)) {
-        return;
-      }
-      this.props.onOutsideClick(evt);
-      this._onCloseAttempt(evt, false);
-    });
-    _defineProperty(this, "shortcutsScope", this.uid);
-    _defineProperty(this, "shortcutsMap", {
-      esc: this._onEscPress
-    });
-  }
+  static defaultProps = {
+    shortcuts: true,
+    hidden: false,
+    onOutsideClick() {},
+    onEscPress() {},
+    onCloseAttempt() {},
+    dontCloseOnAnchorClick: false,
+    keepMounted: false,
+    directions: DEFAULT_DIRECTIONS,
+    autoPositioning: true,
+    autoPositioningOnScroll: true,
+    autoCorrectTopOverflow: true,
+    left: 0,
+    top: 0,
+    offset: 0,
+    sidePadding: 8,
+    attached: false,
+    trapFocus: false,
+    autoFocusFirst: false,
+    legacy: false
+  };
+  state = {
+    display: Display.SHOWING
+  };
   componentDidMount() {
     if (!this.props.client) {
       this.setState({
@@ -146,6 +78,11 @@ class Popup extends PureComponent {
   componentWillUnmount() {
     this._setListenersEnabled(false);
   }
+  popup;
+  node;
+  parent;
+  container;
+  ringPopupTarget;
   shouldUseShortcuts() {
     const {
       shortcuts,
@@ -153,6 +90,33 @@ class Popup extends PureComponent {
     } = this.props;
     return shortcuts && !hidden;
   }
+  listeners = new Listeners();
+  redrawScheduler = scheduleRAF(true);
+  uid = getUID('popup-');
+  calculateDisplay = prevState => ({
+    ...prevState,
+    display: this.props.hidden ? Display.SHOWING : Display.SHOWN
+  });
+  static PopupProps = {
+    Directions,
+    Dimension,
+    MinWidth,
+    MaxHeight
+  };
+  portalRef = el => {
+    this.node = el;
+    this.parent = el && el.parentElement;
+    if (el && this.getContainer()) {
+      this._redraw();
+    }
+  };
+  popupRef = el => {
+    this.popup = el;
+    this._redraw();
+  };
+  containerRef = el => {
+    this.container = el;
+  };
   getContainer() {
     const target = this.props.target || this.ringPopupTarget;
     return target && getPopupContainer(target);
@@ -185,9 +149,50 @@ class Popup extends PureComponent {
       minWidth
     });
   }
+  _updateDirection = newDirection => {
+    if (this.state.direction !== newDirection) {
+      this.setState({
+        direction: newDirection
+      });
+      if (this.props.onDirectionChange) {
+        this.props.onDirectionChange(newDirection);
+      }
+    }
+  };
+  _updatePosition = () => {
+    const popup = this.popup;
+    if (popup) {
+      popup.style.position = 'absolute';
+      if (this.isVisible()) {
+        const {
+          styles: style,
+          direction
+        } = this.position();
+        Object.entries(style).forEach(_ref => {
+          let [key, value] = _ref;
+          const propKey = key;
+          if (typeof value === 'number') {
+            popup.style[propKey] = `${value}px`;
+          } else {
+            popup.style[propKey] = value.toString();
+          }
+        });
+        if (direction != null) {
+          this._updateDirection(direction);
+        }
+      }
+      this.setState(this.calculateDisplay);
+    }
+  };
+  _redraw = () => {
+    if (this.isVisible()) {
+      this.redrawScheduler(this._updatePosition);
+    }
+  };
   _getAnchor() {
     return this.props.anchorElement || this.parent;
   }
+  _listenersEnabled;
   /**
    * @param {boolean} enable
    * @private
@@ -224,6 +229,21 @@ class Popup extends PureComponent {
   _onCloseAttempt(evt, isEsc) {
     this.props.onCloseAttempt(evt, isEsc);
   }
+  _onEscPress = evt => {
+    this.props.onEscPress(evt);
+    this._onCloseAttempt(evt, true);
+  };
+  /**
+   * @param {jQuery.Event} evt
+   * @private
+   */
+  _onDocumentClick = evt => {
+    if (this.container && evt.target instanceof Node && this.container.contains(evt.target) || !this._listenersEnabled || this.props.dontCloseOnAnchorClick && evt.target instanceof Node && this._getAnchor()?.contains(evt.target)) {
+      return;
+    }
+    this.props.onOutsideClick(evt);
+    this._onCloseAttempt(evt, false);
+  };
   getInternalContent() {
     const {
       trapFocus,
@@ -235,6 +255,10 @@ class Popup extends PureComponent {
       focusBackOnExit: true
     }, children) : children;
   }
+  shortcutsScope = this.uid;
+  shortcutsMap = {
+    esc: this._onEscPress
+  };
   render() {
     const {
       className,
@@ -293,33 +317,6 @@ class Popup extends PureComponent {
     });
   }
 }
-_defineProperty(Popup, "defaultProps", {
-  shortcuts: true,
-  hidden: false,
-  onOutsideClick() {},
-  onEscPress() {},
-  onCloseAttempt() {},
-  dontCloseOnAnchorClick: false,
-  keepMounted: false,
-  directions: DEFAULT_DIRECTIONS,
-  autoPositioning: true,
-  autoPositioningOnScroll: true,
-  autoCorrectTopOverflow: true,
-  left: 0,
-  top: 0,
-  offset: 0,
-  sidePadding: 8,
-  attached: false,
-  trapFocus: false,
-  autoFocusFirst: false,
-  legacy: false
-});
-_defineProperty(Popup, "PopupProps", {
-  Directions,
-  Dimension,
-  MinWidth,
-  MaxHeight
-});
 Popup.propTypes = {
   anchorElement: PropTypes.instanceOf(Node),
   target: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Element)]),

package/dist/popup/popup.target.js

@@ -1,4 +1,4 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { createContext, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 

package/dist/popup/position.js

@@ -1,6 +1,5 @@
 import { getRect, isMounted, getDocumentScrollTop, getDocumentScrollLeft, getWindowHeight } from '../global/dom.js';
 import { MaxHeight, Dimension, MinWidth, Directions } from './popup.consts.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 
 function getScrollingCoordinates(container) {
   if (container !== null) {