@jetbrains/ring-ui-built 7.0.27 → 7.0.28

package/components/avatar-stack/avatar-stack.js

@@ -32,13 +32,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 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 '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
@@ -50,6 +43,12 @@ import 'core-js/modules/es.string.replace.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 '../global/url.js';
 import '../_helpers/avatar-info.js';
 import '../avatar/fallback-avatar.js';

package/components/dropdown-menu/dropdown-menu.js

@@ -32,13 +32,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 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';
@@ -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 '../list/consts.js';
+import '../list/list__classes.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

package/components/header/header.js

@@ -62,18 +62,17 @@ 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 '../link/link.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.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 '../control-help/control-help.js';
+import '../link/link.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';

package/components/header/profile.js

@@ -50,18 +50,17 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.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 '../control-help/control-help.js';
+import '../link/link.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';

package/components/header/smart-profile.js

@@ -74,16 +74,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 '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/composeRefs.js';
 import '../control-help/control-help.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';

package/components/list/list.js

@@ -19,7 +19,6 @@ import memoize from '../global/memoize.js';
 import { preventDefault } from '../global/dom.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import createStatefulContext from '../global/create-stateful-context.js';
-import ListLink from './list__link.js';
 import ListItem from './list__item.js';
 import ListCustom from './list__custom.js';
 import ListTitle from './list__title.js';
@@ -36,10 +35,6 @@ import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import './list__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import 'core-js/modules/es.string.replace.js';
@@ -55,6 +50,10 @@ 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 './list__classes.js';
 import '../global/get-event-key.js';
 
 const _excluded = ["selectedLabel", "originalModel"];
@@ -327,9 +326,6 @@ class List extends Component {
             itemProps.isFirst = isFirst;
             break;
           case Type.LINK:
-            ItemComponent = ListLink;
-            this.addItemDataTestToProp(itemProps);
-            break;
           case Type.ITEM:
             ItemComponent = ListItem;
             this.addItemDataTestToProp(itemProps);

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", "onCheckboxChange", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper", "rgItemType", "scrolling", "data-test", "className", "url", "LinkComponent", "compact", "hoverClassName", "children"];
 /**
  * @constructor
  * @extends {ReactComponent}
@@ -51,32 +55,38 @@ 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,
+        onCheckboxChange,
+        rightNodes,
+        leftNodes,
+        showGeneratedAvatar,
+        username,
+        labelWrapper,
+        rgItemType,
+        scrolling,
+        'data-test': dataTest,
+        className,
+        url,
+        LinkComponent,
+        compact,
+        hoverClassName,
+        children
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
     const checkable = checkbox !== undefined;
     const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
     const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
@@ -98,41 +108,25 @@ 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 !== undefined ? 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 = _objectSpread2(_objectSpread2({}, restProps), {}, {
+      id: this.id,
+      className: classes,
+      style,
+      disabled,
+      children: jsxs(Fragment, {
         children: [jsxs("div", {
           className: styles.top,
           onMouseOut: this.stopBubbling,
@@ -173,7 +167,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({
+        pseudo: !restProps.href
+      }, commonProps)) : 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';

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';

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';

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

@@ -50,13 +50,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';
@@ -69,6 +62,12 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 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 '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';

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

@@ -30,13 +30,6 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 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';
@@ -53,6 +46,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';

package/components/select/select.js

@@ -64,17 +64,16 @@ 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 '../link/link.js';
-import '../_helpers/link.js';
-import '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../control-help/control-help.js';
+import '../link/link.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';

package/components/select/select__filter.js

@@ -47,12 +47,6 @@ import '../shortcuts/core.js';
 import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../link/link.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';
@@ -62,6 +56,11 @@ import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
+import '../link/link.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';

package/components/select/select__popup.js

@@ -46,13 +46,6 @@ import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 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';
@@ -64,6 +57,12 @@ import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 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';