@jetbrains/ring-ui 4.2.7 → 4.2.10

package/dist/list/list__custom.js

@@ -0,0 +1,86 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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';
+
+class ListCustom extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "handleKeyPress", event => {
+      const key = getEventKey(event);
+
+      if (key === 'Enter' || key === ' ') {
+        this.props.onClick(event);
+      }
+    });
+  }
+
+  render() {
+    const {
+      scrolling,
+      hover,
+      className,
+      disabled,
+      template,
+      rgItemType,
+      tabIndex,
+      onClick,
+      onCheckboxChange,
+      onMouseOver,
+      onMouseUp,
+      role,
+      tagName,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_3b67a421.item, className, {
+      [modules_3b67a421.action]: !disabled,
+      [modules_3b67a421.hover]: hover && !disabled,
+      [modules_3b67a421.scrolling]: scrolling
+    });
+    const dataTest = joinDataTestAttributes('ring-list-item-custom', {
+      'ring-list-item-action': !disabled
+    }, restProps['data-test']);
+    const content = typeof template === 'function' ? template(this.props) : template;
+    const 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);
+  }
+
+}
+
+_defineProperty(ListCustom, "propTypes", {
+  scrolling: PropTypes.bool,
+  hover: PropTypes.bool,
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  rgItemType: PropTypes.number,
+  tabIndex: PropTypes.number,
+  template: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]),
+  onClick: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  onMouseUp: PropTypes.func,
+  onCheckboxChange: PropTypes.func,
+  role: PropTypes.string,
+  tagName: PropTypes.string,
+  'data-test': PropTypes.string
+});
+
+_defineProperty(ListCustom, "defaultProps", {
+  hover: false
+});
+
+export { ListCustom as default };

package/dist/list/list__hint.js

@@ -0,0 +1,26 @@
+import { _ as _defineProperty } 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}
+ */
+
+class ListHint extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement("span", {
+      className: classNames(modules_3b67a421.item, modules_3b67a421.hint),
+      "data-test": "ring-list-hint"
+    }, this.props.label);
+  }
+
+}
+
+_defineProperty(ListHint, "propTypes", {
+  label: PropTypes.node
+});
+
+export { ListHint as default };

package/dist/list/list__item.js

@@ -0,0 +1,206 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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 '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.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"};
+
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+
+const RING_UNIT = 8;
+const DEFAULT_PADDING = 16;
+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);
+  }
+
+  render() {
+    const {
+      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,
+      ...restProps
+    } = this.props;
+    const checkable = checkbox !== undefined;
+    const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
+    const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
+    const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
+    const 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
+    });
+    const detailsClasses = classNames({
+      [modules_3b67a421.details]: details,
+      [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
+    });
+    const style = {
+      paddingLeft: "".concat((+level || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
+    };
+    let 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 : '';
+    }
+
+    const 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']);
+    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
+    })), /*#__PURE__*/React.createElement("span", {
+      className: modules_3b67a421.label,
+      title: computedTitle,
+      "data-test": "ring-list-item-label"
+    }, label), 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)));
+  }
+
+}
+
+_defineProperty(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/dist/list/list__link.js

@@ -0,0 +1,65 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.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 'focus-visible';
+import '../global/memoize.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+
+class ListLink extends PureComponent {
+  render() {
+    const {
+      scrolling,
+      'data-test': dataTest,
+      className,
+      label,
+      hover,
+      description,
+      rgItemType,
+      url,
+      onCheckboxChange,
+      disabled,
+      LinkComponent,
+      compact,
+      hoverClassName,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_3b67a421.item, className, {
+      [modules_3b67a421.actionLink]: !disabled,
+      [modules_3b67a421.compact]: compact,
+      [modules_3b67a421.scrolling]: scrolling
+    });
+    const 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);
+  }
+
+}
+
+_defineProperty(ListLink, "propTypes", { ...Link.propTypes,
+  description: PropTypes.string,
+  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
+  rgItemType: PropTypes.number,
+  scrolling: PropTypes.bool,
+  url: PropTypes.string,
+  LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
+  onCheckboxChange: PropTypes.func,
+  compact: PropTypes.bool
+});
+
+export { ListLink as default };

package/dist/list/list__separator.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } 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';
+
+class ListSeparator extends PureComponent {
+  render() {
+    const {
+      description,
+      isFirst,
+      className
+    } = this.props;
+    const classes = classNames(modules_3b67a421.separator, className, {
+      [modules_3b67a421.separator_first]: isFirst
+    });
+    return /*#__PURE__*/React.createElement("span", {
+      className: classes
+    }, description);
+  }
+
+}
+
+_defineProperty(ListSeparator, "propTypes", {
+  className: PropTypes.string,
+  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+  isFirst: PropTypes.bool
+});
+
+export { ListSeparator as default };

package/dist/list/list__title.js

@@ -0,0 +1,39 @@
+import { _ as _defineProperty } 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';
+
+class ListTitle extends PureComponent {
+  render() {
+    const {
+      className,
+      description,
+      label,
+      isFirst
+    } = this.props;
+    const 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));
+  }
+
+}
+
+_defineProperty(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/dist/list/list__users-groups-source.js

@@ -0,0 +1,130 @@
+import { _ as _defineProperty } 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 'react';
+import 'prop-types';
+import 'classnames';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'util-deprecate';
+import 'memoize-one';
+import '../global/data-tests.js';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/memoize.js';
+import '../global/dom.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/create-stateful-context.js';
+import './list__link.js';
+import '../link/link.js';
+import 'focus-visible';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import './list__item.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
+import '../avatar/fallback-avatar.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../icon/icon.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
+import './list__custom.js';
+import '../global/get-event-key.js';
+import './list__title.js';
+import './list__separator.js';
+import './list__hint.js';
+import './consts.js';
+
+const defaultOptions = {
+  GroupsTitle: 'Groups',
+  NoGroupsTitle: 'No groups',
+  UsersTitle: 'Users',
+  NoUsersTitle: 'No users',
+  getPluralForUserCount: count => {
+    // eslint-disable-next-line no-magic-numbers
+    const plural = count % 10 !== 1 || count % 100 === 11;
+    return "".concat(count, " member").concat(plural ? 's' : '');
+  }
+};
+const Filter = {
+  ALL: 0,
+  USERS: 1,
+  GROUPS: 2
+};
+class ListUsersGroupsSource extends HubSourceUsersGroups {
+  constructor(auth, options) {
+    super(auth, options);
+    this.listSourceOptions = Object.assign({}, defaultOptions, options);
+  }
+
+  getGroupsSectionTitle(groups) {
+    return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
+  }
+
+  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;
+    const [users, groups] = await this.getUserAndGroups(query);
+    const items = [];
+
+    if (filter === Filter.ALL) {
+      items.push({
+        rgItemType: List.ListProps.Type.SEPARATOR,
+        key: 2,
+        description: this.getUsersSectionTitle(users)
+      });
+    }
+
+    if (filter !== Filter.GROUPS) {
+      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({
+        rgItemType: List.ListProps.Type.SEPARATOR,
+        key: 1,
+        description: this.getGroupsSectionTitle(groups)
+      });
+    }
+
+    if (filter !== Filter.USERS) {
+      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/dist/loader/loader.js

@@ -0,0 +1,71 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import joinDataTestAttributes from '../global/data-tests.js';
+import LoaderCore from './loader__core.js';
+import '../global/dom.js';
+
+/**
+ * @name Loader
+ */
+
+/**
+ * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
+ */
+
+class Loader extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "initLoader", el => {
+      if (el) {
+        this.loader = new LoaderCore(el, this.props);
+      }
+    });
+  }
+
+  componentDidUpdate(prevProps) {
+    if (this.loader) {
+      if (!prevProps.stop && this.props.stop) {
+        this.loader.stopAnimation();
+      } else if (prevProps.stop && !this.props.stop) {
+        this.loader.startAnimation();
+      }
+    }
+  }
+
+  componentWillUnmount() {
+    this.loader.destroy();
+  }
+
+  render() {
+    const {
+      message,
+      size,
+      colors,
+      'data-test': dataTest,
+      stop,
+      deterministic,
+      ...restProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      "data-test": joinDataTestAttributes('ring-loader', dataTest)
+    }, restProps, {
+      ref: this.initLoader
+    }));
+  }
+
+}
+
+_defineProperty(Loader, "propTypes", {
+  className: PropTypes.string,
+  size: PropTypes.number,
+  colors: PropTypes.array,
+  message: PropTypes.string,
+  'data-test': PropTypes.string,
+  stop: PropTypes.bool,
+  deterministic: PropTypes.bool
+});
+
+export { Loader as default };