@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/list/list-item.js

@@ -1,6 +1,3 @@
-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, Fragment } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -16,8 +13,6 @@ import { getListClasses } from './list.classes.js';
 import { Size } from '../avatar/avatar-size.js';
 import 'util-deprecate';
 import '../global/url.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
 import '../global/memoize.js';
 import '../_helpers/avatar-info.js';
@@ -32,7 +27,6 @@ import '../_helpers/icon-svg.js';
 import '../link/clickable-link.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}
@@ -41,51 +35,47 @@ const RING_UNIT = 8;
 const DEFAULT_PADDING = 8;
 const CHECKBOX_WIDTH = 28;
 class ListItem extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "id", getUID('list-item-'));
-    _defineProperty(this, "stopBubbling", e => e.stopPropagation());
-    _defineProperty(this, "_isString", val => typeof val === 'string' || val instanceof String);
-  }
+  id = getUID('list-item-');
+  stopBubbling = e => e.stopPropagation();
+  _isString = val => typeof val === 'string' || val instanceof String;
   // eslint-disable-next-line complexity
   render() {
-    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 {
+      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,
+      ...restLinkProps // TODO use an allow list in 8.0
+    } = this.props;
     const checkable = checkbox !== undefined;
     const shouldShowGeneratedAvatar = showGeneratedAvatar && !!username;
     const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
@@ -96,7 +86,7 @@ class ListItem extends PureComponent {
       [styles.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
     });
     const style = {
-      paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
+      paddingLeft: `${(Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
     };
     let computedTitle = null;
     if (this._isString(title)) {
@@ -164,7 +154,7 @@ class ListItem extends PureComponent {
             }), icon && jsx("div", {
               className: styles.icon,
               style: {
-                backgroundImage: "url(\"".concat(icon, "\")")
+                backgroundImage: `url("${icon}")`
               }
             }), rightNodes]
           })]
@@ -187,11 +177,14 @@ class ListItem extends PureComponent {
           onChange: onCheckboxChange,
           onClick: this.stopBubbling
         })
-      }), isLink ? jsx(LinkComponentToUse, _objectSpread2(_objectSpread2({
-        pseudo: !restLinkProps.href
-      }, commonProps), restLinkProps)) : jsx("button", _objectSpread2({
-        type: 'button'
-      }, commonProps))]
+      }), isLink ? jsx(LinkComponentToUse, {
+        pseudo: !restLinkProps.href,
+        ...commonProps,
+        ...restLinkProps
+      }) : jsx("button", {
+        type: 'button',
+        ...commonProps
+      })]
     });
   }
 }

package/components/list/list-separator.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.symbol.description.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';

package/components/list/list-title.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.symbol.description.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';

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

@@ -1,11 +1,7 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import GroupIcon from '@jetbrains/icons/group';
 import HubSourceUsersGroups from '../hub-source/hub-source-users-groups.js';
 import List from './list.js';
 import '../hub-source/hub-source.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.string.trim.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'classnames';
@@ -20,7 +16,6 @@ import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/memoize.js';
 import '../global/dom.js';
-import 'core-js/modules/es.regexp.exec.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
 import 'combokeys';
@@ -30,7 +25,6 @@ import '../global/create-stateful-context.js';
 import './list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.replace.js';
 import '../_helpers/avatar-info.js';
 import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
@@ -62,7 +56,7 @@ const defaultOptions = {
   getPluralForUserCount: count => {
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
     const plural = count % 10 !== 1 || count % 100 === 11;
-    return "".concat(count, " member").concat(plural ? 's' : '');
+    return `${count} member${plural ? 's' : ''}`;
   }
 };
 var Filter;
@@ -72,9 +66,10 @@ var Filter;
   Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
 class ListUsersGroupsSource extends HubSourceUsersGroups {
+  static Filter = Filter;
+  listSourceOptions;
   constructor(auth, options) {
     super(auth, options);
-    _defineProperty(this, "listSourceOptions", void 0);
     this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
   getGroupsSectionTitle(groups) {
@@ -83,8 +78,7 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
   getUsersSectionTitle(users) {
     return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
   }
-  async getForList(query) {
-    let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Filter.ALL;
+  async getForList(query, filter = Filter.ALL) {
     const [users, groups] = await this.getUserAndGroups(query);
     const items = [];
     if (filter === Filter.ALL) {
@@ -95,15 +89,13 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
       });
     }
     if (filter !== Filter.GROUPS) {
-      users.forEach(user => {
-        var _user$profile$avatar;
-        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 === void 0 ? void 0 : _user$profile$avatar.url : null,
-          description: user.login
-        }));
-      });
+      users.forEach(user => items.push({
+        ...user,
+        key: user.id,
+        label: user.name,
+        avatar: user.profile ? user.profile.avatar?.url : null,
+        description: user.login
+      }));
     }
     if (filter === Filter.ALL) {
       items.push({
@@ -113,17 +105,17 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
       });
     }
     if (filter !== Filter.USERS) {
-      groups.forEach(group => items.push(_objectSpread2(_objectSpread2({}, group), {}, {
+      groups.forEach(group => items.push({
+        ...group,
         key: group.id,
         label: group.name,
         avatar: group.iconUrl,
         glyph: group.iconUrl ? null : GroupIcon,
         description: this.listSourceOptions.getPluralForUserCount(group.userCount)
-      })));
+      }));
     }
     return items;
   }
 }
-_defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
 export { ListUsersGroupsSource as default };

package/components/list/list.classes.js

@@ -4,15 +4,14 @@ import { s as styles } from '../_helpers/list.js';
 
 var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"ring-global-clearfix","font":"ring-global-font","font-lower":"ring-global-font-lower ring-global-font","font-smaller":"ring-global-font-smaller ring-global-font-lower ring-global-font","font-smaller-lower":"ring-global-font-smaller-lower ring-global-font-smaller ring-global-font-lower ring-global-font","font-larger-lower":"ring-global-font-larger-lower ring-global-font-lower ring-global-font","font-larger":"ring-global-font-larger ring-global-font-larger-lower ring-global-font-lower ring-global-font","thin-font":"ring-global-thin-font","monospace-font":"ring-global-monospace-font","ellipsis":"ring-global-ellipsis","resetButton":"ring-global-resetButton"};
 
-function getListClasses(_ref) {
-  let {
-    className,
-    disabled,
-    hover,
-    compact,
-    scrolling,
-    rgItemType
-  } = _ref;
+function getListClasses({
+  className,
+  disabled,
+  hover,
+  compact,
+  scrolling,
+  rgItemType
+}) {
   return classNames(styles.item, globalStyles.resetButton, className, {
     [styles.action]: !disabled,
     [styles.actionLink]: !disabled && rgItemType === Type.LINK,