@jetbrains/ring-ui-built 7.0.66 → 7.0.70

package/components/panel/panel.js

@@ -1,29 +1,26 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 
 var styles = {"panel":"ring-panel-panel"};
 
-const _excluded = ["className", "children"];
 /**
  * @name Panel
  */
 class Panel extends PureComponent {
   render() {
-    const _this$props = this.props,
-      {
-        className,
-        children
-      } = _this$props,
-      props = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      className,
+      children,
+      ...props
+    } = this.props;
     const classes = classNames(styles.panel, className);
-    return jsx("div", _objectSpread2(_objectSpread2({
-      "data-test": 'ring-panel'
-    }, props), {}, {
+    return jsx("div", {
+      "data-test": 'ring-panel',
+      ...props,
       className: classes,
       children: children
-    }));
+    });
   }
 }
 

package/components/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);
@@ -195,7 +194,7 @@ class PermissionCache {
         throw new Error("Operator ')' was expected");
       }
     } else {
-      result = !!t && this.testPermission(t, projectId);
+      result = t !== undefined && this.testPermission(t, projectId);
     }
     return result;
   }
@@ -207,7 +206,7 @@ class PermissionCache {
   testPermission(permissionName, projectId) {
     const permissionCache = this.permissionCache;
     const convertedName = this.namesConverter(permissionName);
-    const cachedPermission = (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[permissionName]) || convertedName && (permissionCache === null || permissionCache === void 0 ? void 0 : permissionCache[convertedName]);
+    const cachedPermission = permissionCache?.[permissionName] || convertedName && permissionCache?.[convertedName];
     // Hasn't the permission in any project
     if (!cachedPermission) {
       return false;
@@ -223,6 +222,5 @@ class PermissionCache {
     return true;
   }
 }
-_defineProperty(PermissionCache, "GLOBAL_PROJECT_ID", 'global');
 
 export { PermissionCache as default };

package/components/permissions/permissions.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import PermissionCache from './permissions-cache.js';
 
 /**
@@ -26,21 +25,18 @@ import PermissionCache from './permissions-cache.js';
  * @constructor
  */
 class Permissions {
-  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
-      }
-    }));
+  /**
+   * @const {string}
+   */
+  static API_PERMISSION_CACHE_PATH = 'permissions/cache';
+  query;
+  namesConverter;
+  _auth;
+  _datasource;
+  _promise;
+  _subscribed;
+  _permissionCache;
+  constructor(auth, config = {}) {
     this.query = Permissions.getPermissionQuery(config.services);
     this.namesConverter = config.prefix ? Permissions.getDefaultNamesConverter(config.prefix) : config.namesConverter;
     if (!auth) {
@@ -52,6 +48,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
    *
@@ -70,7 +72,7 @@ class Permissions {
     if (!services || !services.length) {
       return undefined;
     }
-    return services.map(service => "service:{".concat(service, "}")).join(' or ');
+    return services.map(service => `service:{${service}}`).join(' or ');
   }
   set(cachedPermissions) {
     this._permissionCache.set(cachedPermissions);
@@ -167,9 +169,5 @@ class Permissions {
     });
   }
 }
-/**
- * @const {string}
- */
-_defineProperty(Permissions, "API_PERMISSION_CACHE_PATH", 'permissions/cache');
 
 export { Permissions as default };

package/components/popup/popup.js

@@ -1,7 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
@@ -14,14 +10,13 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import TabTrap from '../tab-trap/tab-trap.js';
 import { getConfiguration } from '../global/configuration.js';
 import position from './position.js';
-import { DEFAULT_DIRECTIONS, MaxHeight, MinWidth, Dimension, Directions, Display } from './popup.consts.js';
+import { DEFAULT_DIRECTIONS, Display, MaxHeight, MinWidth, Dimension, Directions } from './popup.consts.js';
 import { PopupTargetContext, PopupTarget } from './popup.target.js';
-import { setCSSAnchorPositioning, supportsCSSAnchorPositioning } from './position-css.js';
+import { supportsCSSAnchorPositioning, setCSSAnchorPositioning } from './position-css.js';
 import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'core-js/modules/es.array.sort.js';
 
 var styles = {"popup":"ring-popup-popup ring-global-font","cssAnchoredPopup":"ring-popup-cssAnchoredPopup","largeBorderRadius":"ring-popup-largeBorderRadius","hidden":"ring-popup-hidden","showing":"ring-popup-showing","attached":"ring-popup-attached"};
 
@@ -56,123 +51,37 @@ const stop = event => {
     event.stopPropagation();
   }
 };
-const getPopupContainer = target => typeof target === 'string' ? document.querySelector("[data-portaltarget=".concat(target, "]")) : target;
+const getPopupContainer = target => typeof target === 'string' ? document.querySelector(`[data-portaltarget=${target}]`) : target;
 /**
  * @constructor
  * @name Popup
  * @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 => _objectSpread2(_objectSpread2({}, 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;
-      const anchor = this._getAnchor();
-      if (popup) {
-        if (this.shouldUseCssPositioning() && anchor) {
-          // Use CSS Anchor positioning
-          setCSSAnchorPositioning({
-            popup,
-            anchor,
-            uid: this.uid,
-            minWidth: this.props.minWidth,
-            top: this.props.top,
-            left: this.props.left,
-            directions: this.props.directions,
-            offset: this.props.offset
-          });
-        } else {
-          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] = "".concat(value, "px");
-              } else {
-                popup.style[propKey] = value.toString();
-              }
-            });
-            if (direction) {
-              this._updateDirection(direction);
-            }
-          }
-        }
-        this.setState(this.calculateDisplay);
-      }
-    });
-    _defineProperty(this, "_redraw", () => {
-      if (this.isVisible()) {
-        this.redrawScheduler(this._updatePosition);
-      }
-    });
-    _defineProperty(this, "_listenersEnabled", void 0);
-    _defineProperty(this, "_prevTimeout", void 0);
-    _defineProperty(this, "_onEscPress", evt => {
-      this.props.onEscPress(evt);
-      this._onCloseAttempt(evt, true);
-    });
-    /**
-     * @param {jQuery.Event} evt
-     * @private
-     */
-    _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 !== void 0 && _this$_getAnchor.contains(evt.target) ||
-      // ignore clicks in shadow DOM, e.g., Grammarly suggestions
-      evt.target instanceof Element && evt.target.shadowRoot) {
-        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.hidden) {
       this._setListenersEnabled(true);
@@ -195,6 +104,11 @@ class Popup extends PureComponent {
   componentWillUnmount() {
     this._setListenersEnabled(false);
   }
+  popup;
+  node;
+  parent;
+  container;
+  ringPopupTarget;
   shouldUseShortcuts() {
     const {
       shortcuts,
@@ -202,6 +116,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);
@@ -234,15 +175,71 @@ class Popup extends PureComponent {
       minWidth
     });
   }
+  _updateDirection = newDirection => {
+    if (this.state.direction !== newDirection) {
+      this.setState({
+        direction: newDirection
+      });
+      if (this.props.onDirectionChange) {
+        this.props.onDirectionChange(newDirection);
+      }
+    }
+  };
   shouldUseCssPositioning() {
     if (!supportsCSSAnchorPositioning()) {
       return false;
     }
     return this.props.cssPositioning !== undefined ? this.props.cssPositioning : getConfiguration().popupsCssPositioning;
   }
+  _updatePosition = () => {
+    const popup = this.popup;
+    const anchor = this._getAnchor();
+    if (popup) {
+      if (this.shouldUseCssPositioning() && anchor) {
+        // Use CSS Anchor positioning
+        setCSSAnchorPositioning({
+          popup,
+          anchor,
+          uid: this.uid,
+          minWidth: this.props.minWidth,
+          top: this.props.top,
+          left: this.props.left,
+          directions: this.props.directions,
+          offset: this.props.offset
+        });
+      } else {
+        popup.style.position = 'absolute';
+        if (this.isVisible()) {
+          const {
+            styles: style,
+            direction
+          } = this.position();
+          Object.entries(style).forEach(([key, value]) => {
+            const propKey = key;
+            if (typeof value === 'number') {
+              popup.style[propKey] = `${value}px`;
+            } else {
+              popup.style[propKey] = value.toString();
+            }
+          });
+          if (direction) {
+            this._updateDirection(direction);
+          }
+        }
+      }
+      this.setState(this.calculateDisplay);
+    }
+  };
+  _redraw = () => {
+    if (this.isVisible()) {
+      this.redrawScheduler(this._updatePosition);
+    }
+  };
   _getAnchor() {
     return this.props.anchorElement || this.parent;
   }
+  _listenersEnabled;
+  _prevTimeout;
   /**
    * @param {boolean} enable
    * @private
@@ -285,6 +282,23 @@ 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) ||
+    // ignore clicks in shadow DOM, e.g., Grammarly suggestions
+    evt.target instanceof Element && evt.target.shadowRoot) {
+      return;
+    }
+    this.props.onOutsideClick(evt);
+    this._onCloseAttempt(evt, false);
+  };
   getInternalContent() {
     const {
       trapFocus,
@@ -297,6 +311,10 @@ class Popup extends PureComponent {
       children: children
     }) : children;
   }
+  shortcutsScope = this.uid;
+  shortcutsMap = {
+    esc: this._onEscPress
+  };
   render() {
     const {
       className,
@@ -361,32 +379,5 @@ 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
-});
 
 export { PopupTarget, PopupTargetContext, Popup as default, getPopupContainer };

package/components/popup/popup.target.js

@@ -1,20 +1,18 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, forwardRef } from 'react';
 
-const _excluded = ["id", "children"];
 const PopupTargetContext = /*#__PURE__*/createContext(undefined);
-const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(_ref, ref) {
-  let {
-      id,
-      children
-    } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  const target = jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget({
+  id,
+  children,
+  ...restProps
+}, ref) {
+  const target = jsx("div", {
+    ...restProps,
     "data-portaltarget": id,
     ref: ref,
     children: typeof children !== 'function' && children
-  }));
+  });
   return jsx(PopupTargetContext.Provider, {
     value: id,
     children: typeof children === 'function' ? children(target) : target

package/components/popup/position-css.js

@@ -1,15 +1,8 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { getRect } from '../global/dom.js';
 import { calculateMinWidth } from './position.js';
 import { Directions } from './popup.consts.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.array.sort.js';
 
-const supportsCSSAnchorPositioning = () => {
-  var _CSS, _CSS$supports;
-  return (_CSS = CSS) === null || _CSS === void 0 || (_CSS$supports = _CSS.supports) === null || _CSS$supports === void 0 ? void 0 : _CSS$supports.call(_CSS, 'anchor-name', 'none');
-};
+const supportsCSSAnchorPositioning = () => CSS?.supports?.('anchor-name', 'none');
 const getPositionArea = direction => {
   switch (direction) {
     case Directions.BOTTOM_RIGHT:
@@ -41,40 +34,39 @@ const getPositionArea = direction => {
   }
 };
 const getPositionFallbacks = directions => directions.slice(1).map(direction => getPositionArea(direction)[1]).join(', ');
-const setCSSAnchorPositioning = _ref => {
-  let {
-    popup,
-    anchor,
-    uid,
-    minWidth,
-    top,
-    left,
-    directions,
-    offset
-  } = _ref;
-  const anchorName = anchor.style.getPropertyValue('anchor-name') || "--anchor-".concat(uid);
+const setCSSAnchorPositioning = ({
+  popup,
+  anchor,
+  uid,
+  minWidth,
+  top,
+  left,
+  directions,
+  offset
+}) => {
+  const anchorName = anchor.style.getPropertyValue('anchor-name') || `--anchor-${uid}`;
   if (!anchor.style.getPropertyValue('anchor-name')) {
     anchor.style.setProperty('anchor-name', anchorName);
   }
   popup.style.setProperty('position-anchor', anchorName);
   const calculatedMinWidth = calculateMinWidth(getRect(anchor).width, minWidth);
-  if (calculatedMinWidth) {
-    popup.style.minWidth = "".concat(calculatedMinWidth, "px");
+  if (calculatedMinWidth !== null) {
+    popup.style.minWidth = `${calculatedMinWidth}px`;
   }
   if (top) {
-    popup.style.transform = "translateY(".concat(top, "px)");
+    popup.style.transform = `translateY(${top}px)`;
   }
   if (left) {
-    popup.style.left = "".concat(left, "px");
+    popup.style.left = `${left}px`;
   }
   const [initialPositionStyle, initialPositionName] = getPositionArea(directions[0]);
   popup.style.setProperty('position-area', initialPositionStyle);
   if (offset) {
-    popup.style.setProperty('--ring-popup-offset', "".concat(offset, "px"));
+    popup.style.setProperty('--ring-popup-offset', `${offset}px`);
     if (initialPositionName.startsWith('--bottom') || initialPositionName.startsWith('--top')) {
-      popup.style.margin = "".concat(offset, "px 0");
+      popup.style.margin = `${offset}px 0`;
     } else {
-      popup.style.margin = "0 ".concat(offset, "px");
+      popup.style.margin = `0 ${offset}px`;
     }
   }
   // Add fallbacks for better positioning if there are multiple directions