@jetbrains/ring-ui-built 6.0.5-beta.0

package/components/list/list__custom.d.ts

@@ -0,0 +1,6 @@
+import React, { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListCustom<T> extends PureComponent<ListDataItemProps<T>> {
+    handleKeyPress: (event: React.KeyboardEvent) => void;
+    render(): React.JSX.Element;
+}

package/components/list/list__custom.js

@@ -0,0 +1,92 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import getEventKey from '../global/get-event-key.js';
+import { m as modules_3b67a421 } from '../_helpers/list.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+
+var _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
+var ListCustom = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListCustom, _PureComponent);
+  var _super = _createSuper(ListCustom);
+  function ListCustom() {
+    var _this;
+    _classCallCheck(this, ListCustom);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleKeyPress", function (event) {
+      var key = getEventKey(event);
+      if (key === 'Enter' || key === ' ') {
+        _this.props.onClick(event);
+      }
+    });
+    return _this;
+  }
+  _createClass(ListCustom, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        scrolling = _this$props.scrolling,
+        hover = _this$props.hover,
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        template = _this$props.template;
+        _this$props.rgItemType;
+        var tabIndex = _this$props.tabIndex,
+        onClick = _this$props.onClick;
+        _this$props.onCheckboxChange;
+        var onMouseOver = _this$props.onMouseOver,
+        onMouseUp = _this$props.onMouseUp,
+        role = _this$props.role,
+        tagName = _this$props.tagName,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_3b67a421.item, className, {
+        [modules_3b67a421.action]: !disabled,
+        [modules_3b67a421.hover]: hover && !disabled,
+        [modules_3b67a421.scrolling]: scrolling
+      });
+      var dataTest = joinDataTestAttributes('ring-list-item-custom', {
+        'ring-list-item-action': !disabled
+      }, restProps['data-test']);
+      var content = typeof template === 'function' ? template(this.props) : template;
+      var TagName = tagName || 'span';
+      return /*#__PURE__*/React.createElement(TagName, {
+        role: role || 'button',
+        tabIndex: tabIndex,
+        onClick: onClick,
+        onKeyPress: this.handleKeyPress,
+        onMouseOver: onMouseOver,
+        onFocus: onMouseOver,
+        onMouseUp: onMouseUp,
+        className: classes,
+        "data-test": dataTest
+      }, content);
+    }
+  }]);
+  return ListCustom;
+}(PureComponent);
+ListCustom.propTypes = {
+  scrolling: PropTypes.bool.isRequired,
+  hover: PropTypes.bool.isRequired,
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  rgItemType: PropTypes.number,
+  tabIndex: PropTypes.number.isRequired,
+  template: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]),
+  onClick: PropTypes.func.isRequired,
+  onMouseOver: PropTypes.func.isRequired,
+  onMouseUp: PropTypes.func,
+  onCheckboxChange: PropTypes.func.isRequired,
+  role: PropTypes.string,
+  tagName: PropTypes.string,
+  'data-test': PropTypes.string
+};
+
+export { ListCustom as default };

package/components/list/list__hint.d.ts

@@ -0,0 +1,15 @@
+import React, { PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface ListHintProps {
+    label: ReactNode;
+}
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+export default class ListHint extends PureComponent<ListHintProps> {
+    static propTypes: {
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}

package/components/list/list__hint.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_3b67a421 } from '../_helpers/list.js';
+
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+var ListHint = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListHint, _PureComponent);
+  var _super = _createSuper(ListHint);
+  function ListHint() {
+    _classCallCheck(this, ListHint);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ListHint, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
+        "data-test": "ring-list-hint"
+      }, this.props.label);
+    }
+  }]);
+  return ListHint;
+}(PureComponent);
+_defineProperty(ListHint, "propTypes", {
+  label: PropTypes.node
+});
+
+export { ListHint as default };

package/components/list/list__item.d.ts

@@ -0,0 +1,8 @@
+import React, { PureComponent, SyntheticEvent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListItem<T> extends PureComponent<ListDataItemProps<T>> {
+    id: string;
+    stopBubbling: (e: SyntheticEvent) => void;
+    private _isString;
+    render(): React.JSX.Element;
+}

package/components/list/list__item.js

@@ -0,0 +1,234 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import Avatar, { Size } from '../avatar/avatar.js';
+import Checkbox from '../checkbox/checkbox.js';
+import Icon from '../icon/icon.js';
+import getUID from '../global/get-uid.js';
+import { m as modules_3b67a421 } from '../_helpers/list.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../global/prop-types.js';
+import '../global/composeRefs.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
+
+var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","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":"clearfix_rui_8bff","font":"font_rui_8bff","font-lower":"font-lower_rui_8bff font_rui_8bff","font-smaller":"font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-smaller-lower":"font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger-lower":"font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger":"font-larger_rui_8bff font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","thin-font":"thin-font_rui_8bff","monospace-font":"monospace-font_rui_8bff","ellipsis":"ellipsis_rui_8bff","resetButton":"resetButton_rui_8bff"};
+
+var _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+var RING_UNIT = 8;
+var DEFAULT_PADDING = 16;
+var CHECKBOX_WIDTH = 28;
+var ListItem = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListItem, _PureComponent);
+  var _super = _createSuper(ListItem);
+  function ListItem() {
+    var _this;
+    _classCallCheck(this, ListItem);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", getUID('list-item-'));
+    _defineProperty(_assertThisInitialized(_this), "stopBubbling", function (e) {
+      return e.stopPropagation();
+    });
+    _defineProperty(_assertThisInitialized(_this), "_isString", function (val) {
+      return typeof val === 'string' || val instanceof String;
+    });
+    return _this;
+  }
+  _createClass(ListItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        scrolling = _this$props.scrolling,
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        checkbox = _this$props.checkbox,
+        avatar = _this$props.avatar,
+        subavatar = _this$props.subavatar,
+        glyph = _this$props.glyph,
+        icon = _this$props.icon,
+        rightGlyph = _this$props.rightGlyph,
+        description = _this$props.description,
+        label = _this$props.label,
+        title = _this$props.title,
+        details = _this$props.details,
+        hover = _this$props.hover;
+        _this$props.rgItemType;
+        var level = _this$props.level,
+        tabIndex = _this$props.tabIndex,
+        compact = _this$props.compact,
+        onClick = _this$props.onClick,
+        onCheckboxChange = _this$props.onCheckboxChange,
+        onMouseOver = _this$props.onMouseOver,
+        onMouseDown = _this$props.onMouseDown,
+        onMouseUp = _this$props.onMouseUp,
+        rightNodes = _this$props.rightNodes,
+        leftNodes = _this$props.leftNodes,
+        showGeneratedAvatar = _this$props.showGeneratedAvatar,
+        username = _this$props.username,
+        labelWrapper = _this$props.labelWrapper,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var checkable = checkbox !== undefined;
+      var shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
+      var hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
+      var showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
+      var classes = classNames(modules_3b67a421.item, modules_5b0fb3e8.resetButton, className, {
+        [modules_3b67a421.action]: !disabled,
+        [modules_3b67a421.hover]: hover && !disabled,
+        [modules_3b67a421.compact]: compact,
+        [modules_3b67a421.scrolling]: scrolling,
+        [modules_3b67a421.disabled]: disabled
+      });
+      var detailsClasses = classNames({
+        [modules_3b67a421.details]: details,
+        [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
+      });
+      var style = {
+        paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
+      };
+      var computedTitle = null;
+      if (this._isString(title)) {
+        // if title is specified and is a string then use it
+        computedTitle = title;
+      } else {
+        // otherwise use label if it is a string;
+        // label can also be an element, use empty string in this case
+        computedTitle = this._isString(label) ? label : '';
+      }
+      var dataTest = joinDataTestAttributes({
+        'ring-list-item': (restProps['data-test'] || '').indexOf('ring-list-item') === -1,
+        'ring-list-item-action': !disabled,
+        'ring-list-item-selected': checkbox
+      }, restProps['data-test']);
+      var labelElement = /*#__PURE__*/React.createElement("span", {
+        className: modules_3b67a421.label,
+        title: computedTitle,
+        "data-test": "ring-list-item-label"
+      }, label);
+      return /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.itemContainer,
+        "data-test": dataTest
+      }, showCheckbox && /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.checkboxContainer
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        "aria-labelledby": this.id,
+        checked: checkbox,
+        disabled: disabled,
+        onChange: onCheckboxChange,
+        onClick: this.stopBubbling
+      })), /*#__PURE__*/React.createElement("button", {
+        id: this.id,
+        type: "button",
+        tabIndex: tabIndex,
+        onClick: onClick,
+        onMouseOver: onMouseOver,
+        onMouseDown: onMouseDown,
+        onFocus: onMouseOver,
+        onMouseUp: onMouseUp,
+        className: classes,
+        style: style
+      }, /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.top,
+        onMouseOut: this.stopBubbling,
+        onBlur: this.stopBubbling
+      }, !showCheckbox && /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.left
+      }, leftNodes, glyph && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_3b67a421.glyph,
+        glyph: glyph,
+        size: this.props.iconSize
+      }), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/React.createElement(Avatar, {
+        className: modules_3b67a421.avatar,
+        url: avatar,
+        size: Size.Size20,
+        subavatar: subavatar,
+        username: username
+      })), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/React.createElement("span", {
+        className: modules_3b67a421.description,
+        "data-test": "ring-list-item-description"
+      }, description), /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.right
+      }, rightGlyph && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_3b67a421.rightGlyph,
+        glyph: rightGlyph,
+        size: this.props.iconSize
+      }), icon && /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.icon,
+        style: {
+          backgroundImage: "url(\"".concat(icon, "\")")
+        }
+      }), rightNodes)), details && /*#__PURE__*/React.createElement("div", {
+        className: detailsClasses
+      }, details)));
+    }
+  }]);
+  return ListItem;
+}(PureComponent);
+ListItem.propTypes = {
+  scrolling: PropTypes.bool,
+  hover: PropTypes.bool,
+  details: PropTypes.string,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  tabIndex: PropTypes.number,
+  checkbox: PropTypes.bool,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.array]),
+  showGeneratedAvatar: PropTypes.bool,
+  username: PropTypes.string,
+  avatar: PropTypes.string,
+  subavatar: PropTypes.string,
+  glyph: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  icon: PropTypes.string,
+  iconSize: PropTypes.number,
+  rightNodes: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.array]),
+  leftNodes: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.array]),
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  title: PropTypes.string,
+  level: PropTypes.number,
+  rgItemType: PropTypes.number,
+  rightGlyph: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  compact: PropTypes.bool,
+  onClick: PropTypes.func,
+  onCheckboxChange: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  onMouseUp: PropTypes.func,
+  'data-test': PropTypes.string
+};
+
+export { ListItem as default };

package/components/list/list__link.d.ts

@@ -0,0 +1,9 @@
+import React, { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+export default class ListLink<T> extends PureComponent<ListDataItemProps<T>> {
+    render(): React.JSX.Element;
+}

package/components/list/list__link.js

@@ -0,0 +1,76 @@
+import { g as _objectSpread2, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import React, { Component, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Link, { linkHOC } from '../link/link.js';
+import joinDataTestAttributes from '../global/data-tests.js';
+import { m as modules_3b67a421 } from '../_helpers/list.js';
+import '../link/clickableLink.js';
+import 'core-js/modules/es.array.concat.js';
+import '../_helpers/link.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+
+var _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+var ListLink = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListLink, _PureComponent);
+  var _super = _createSuper(ListLink);
+  function ListLink() {
+    _classCallCheck(this, ListLink);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ListLink, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        scrolling = _this$props.scrolling,
+        dataTest = _this$props['data-test'],
+        className = _this$props.className,
+        label = _this$props.label,
+        hover = _this$props.hover;
+        _this$props.description;
+        _this$props.rgItemType;
+        _this$props.url;
+        _this$props.onCheckboxChange;
+        var disabled = _this$props.disabled,
+        LinkComponent = _this$props.LinkComponent,
+        compact = _this$props.compact;
+        _this$props.hoverClassName;
+        var children = _this$props.children,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_3b67a421.item, className, {
+        [modules_3b67a421.actionLink]: !disabled,
+        [modules_3b67a421.compact]: compact,
+        [modules_3b67a421.scrolling]: scrolling
+      });
+      var Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
+      return /*#__PURE__*/React.createElement(Comp, _extends({
+        pseudo: !this.props.href
+      }, restProps, {
+        hover: hover && !disabled,
+        className: classes,
+        "data-test": joinDataTestAttributes('ring-list-link', dataTest)
+      }), label !== null && label !== void 0 ? label : children);
+    }
+  }]);
+  return ListLink;
+}(PureComponent);
+ListLink.propTypes = _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
+  description: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
+  rgItemType: PropTypes.number,
+  scrolling: PropTypes.bool.isRequired,
+  url: PropTypes.string,
+  LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
+  onCheckboxChange: PropTypes.func.isRequired,
+  compact: PropTypes.bool
+});
+
+export { ListLink as default };

package/components/list/list__separator.d.ts

@@ -0,0 +1,5 @@
+import React, { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListSeparator<T> extends PureComponent<ListDataItemProps<T>> {
+    render(): React.JSX.Element;
+}

package/components/list/list__separator.js

@@ -0,0 +1,39 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_3b67a421 } from '../_helpers/list.js';
+
+var ListSeparator = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListSeparator, _PureComponent);
+  var _super = _createSuper(ListSeparator);
+  function ListSeparator() {
+    _classCallCheck(this, ListSeparator);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ListSeparator, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        description = _this$props.description,
+        isFirst = _this$props.isFirst,
+        className = _this$props.className;
+      var classes = classNames(modules_3b67a421.separator, className, {
+        [modules_3b67a421.separator_first]: isFirst
+      });
+      return /*#__PURE__*/React.createElement("span", {
+        className: classes
+      }, description);
+    }
+  }]);
+  return ListSeparator;
+}(PureComponent);
+ListSeparator.propTypes = {
+  className: PropTypes.string,
+  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  isFirst: PropTypes.bool
+};
+
+export { ListSeparator as default };

package/components/list/list__title.d.ts

@@ -0,0 +1,5 @@
+import React, { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListTitle<T> extends PureComponent<ListDataItemProps<T>> {
+    render(): React.JSX.Element;
+}

package/components/list/list__title.js

@@ -0,0 +1,48 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_3b67a421 } from '../_helpers/list.js';
+
+var ListTitle = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ListTitle, _PureComponent);
+  var _super = _createSuper(ListTitle);
+  function ListTitle() {
+    _classCallCheck(this, ListTitle);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ListTitle, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        description = _this$props.description,
+        label = _this$props.label,
+        isFirst = _this$props.isFirst;
+      var classes = classNames(modules_3b67a421.title, className, {
+        [modules_3b67a421.title_first]: isFirst
+      });
+      return /*#__PURE__*/React.createElement("span", {
+        className: classes,
+        "data-test": "ring-list-title"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_3b67a421.label, modules_3b67a421.text),
+        "data-test": "ring-list-title-label"
+      }, label), /*#__PURE__*/React.createElement("div", {
+        className: modules_3b67a421.description,
+        "data-test": "ring-list-title-description"
+      }, description));
+    }
+  }]);
+  return ListTitle;
+}(PureComponent);
+ListTitle.propTypes = {
+  className: PropTypes.string,
+  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  isFirst: PropTypes.bool
+};
+
+export { ListTitle as default };

package/components/list/list__users-groups-source.d.ts

@@ -0,0 +1,27 @@
+import Auth, { AuthUser } from '../auth/auth';
+import HubSourceUsersGroups, { HubSourceUsersGroupsOptions, UserGroup } from '../hub-source/hub-source__users-groups';
+interface ListUsersGroupsSourceOptions extends Partial<HubSourceUsersGroupsOptions> {
+    GroupsTitle: string;
+    NoGroupsTitle: string;
+    UsersTitle: string;
+    NoUsersTitle: string;
+    getPluralForUserCount: (count: number) => string;
+}
+declare enum Filter {
+    ALL = 0,
+    USERS = 1,
+    GROUPS = 2
+}
+export default class ListUsersGroupsSource extends HubSourceUsersGroups {
+    static Filter: typeof Filter;
+    listSourceOptions: ListUsersGroupsSourceOptions;
+    constructor(auth: Auth, options?: Partial<ListUsersGroupsSourceOptions>);
+    getGroupsSectionTitle(groups: UserGroup[]): string;
+    getUsersSectionTitle(users: AuthUser[]): string;
+    getForList(query?: string, filter?: Filter): Promise<{
+        rgItemType: import("./consts").Type;
+        key: number;
+        description: string;
+    }[]>;
+}
+export {};