@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.1

package/dist/list/list__custom.js

@@ -1,82 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.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 _this$props = this.props,
-          {
-      scrolling,
-      hover,
-      className,
-      disabled,
-      template,
-      rgItemType,
-      tabIndex,
-      onClick,
-      onCheckboxChange,
-      onMouseOver,
-      onMouseUp
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp"]);
-
-    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;
-    return /*#__PURE__*/React.createElement("span", {
-      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,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(ListCustom, "defaultProps", {
-  hover: false
-});
-
-export default ListCustom;

package/dist/list/list__hint.js

@@ -1,26 +0,0 @@
-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 default ListHint;

package/dist/list/list__item.js

@@ -1,197 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.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 '../global/dom.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/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":"global_clearfix__0f8f4370","font":"global_font__0f8f4370","font-lower":"global_fontLower__0f8f4370 global_font__0f8f4370","font-smaller":"global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","font-smaller-lower":"global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","font-larger-lower":"global_fontLargerLower__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","font-larger":"global_fontLarger__0f8f4370 global_fontLargerLower__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","thin-font":"global_thinFont__0f8f4370","monospace-font":"global_monospaceFont__0f8f4370","ellipsis":"global_ellipsis__0f8f4370","resetButton":"global_resetButton__0f8f4370"};
-
-/**
- * @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 _this$props = this.props,
-          {
-      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
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["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"]);
-
-    const checkable = checkbox !== undefined;
-    const hasLeftNodes = leftNodes || glyph || avatar;
-    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: `${(+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 && /*#__PURE__*/React.createElement(Avatar, {
-      className: modules_3b67a421.avatar,
-      url: avatar,
-      size: Size.Size20,
-      subavatar: subavatar
-    })), /*#__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("${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]),
-  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 default ListItem;

package/dist/list/list__link.js

@@ -1,65 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Component } 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 '../link/clickableLink.js';
-
-/**
- * @constructor
- * @extends {ReactComponent}
- */
-
-class ListLink extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      scrolling,
-      'data-test': dataTest,
-      className,
-      label,
-      hover,
-      description,
-      rgItemType,
-      url,
-      onCheckboxChange,
-      disabled,
-      LinkComponent,
-      compact,
-      hoverClassName
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName"]);
-
-    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", _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
-  description: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
-  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 default ListLink;

package/dist/list/list__separator.js

@@ -1,30 +0,0 @@
-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 default ListSeparator;

package/dist/list/list__title.js

@@ -1,39 +0,0 @@
-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 default ListTitle;

package/dist/list/list__users-groups-source.js

@@ -1,124 +0,0 @@
-import { c as _objectSpread2, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.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/list.js';
-import './list__item.js';
-import '../avatar/avatar.js';
-import '../global/url.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__svg.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 `${count} member${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(_objectSpread2(_objectSpread2({}, 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(_objectSpread2(_objectSpread2({}, 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 default ListUsersGroupsSource;

package/dist/loader/loader.js

@@ -1,72 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.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 _this$props = this.props,
-          {
-      message,
-      size,
-      colors,
-      'data-test': dataTest,
-      stop,
-      deterministic
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["message", "size", "colors", "data-test", "stop", "deterministic"]);
-
-    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 default Loader;