@jetbrains/ring-ui 5.1.1 → 5.1.3

package/dist/autofocus-ng/autofocus-ng.js

@@ -1,13 +1,26 @@
 import angular from 'angular';
 import { FOCUSABLE_ELEMENTS } from '../tab-trap/tab-trap.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
 import 'react';
 import 'prop-types';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-const angularModule = angular.module('Ring.autofocus', []);
-const RING_SELECT_SELECTOR = '[data-test*=ring-select__focus]';
-const RING_SELECT = 'rg-select';
+var angularModule = angular.module('Ring.autofocus', []);
+var RING_SELECT_SELECTOR = '[data-test*=ring-select__focus]';
+var RING_SELECT = 'rg-select';
 angularModule.directive('rgAutofocus', function rgAutofocusDirective() {
   /**
    * Focuses on element itself if it has "focus" method.
@@ -26,16 +39,18 @@ angularModule.directive('rgAutofocus', function rgAutofocusDirective() {
       element.focus();
       return;
     }
-    const focusableChild = element.querySelector(FOCUSABLE_ELEMENTS);
+    var focusableChild = element.querySelector(FOCUSABLE_ELEMENTS);
     if (focusableChild && focusableChild.focus) {
       focusableChild.focus();
     }
   }
-  return (scope, iElement, iAttrs) => {
-    const element = iElement[0];
-    scope.$watch(iAttrs.rgAutofocus, newValue => {
+  return function (scope, iElement, iAttrs) {
+    var element = iElement[0];
+    scope.$watch(iAttrs.rgAutofocus, function (newValue) {
       if (newValue) {
-        scope.$evalAsync(() => focusOnElement(element));
+        scope.$evalAsync(function () {
+          return focusOnElement(element);
+        });
       }
     });
   };

package/dist/avatar/avatar-example-datauri.js

@@ -1,26 +1,4 @@
 // Taken from https://hub.jetbrains.com/api/rest/avatar/default?username=Jet%20Brains&dpr=2&size=56
-const avatarDataUri = `data:image/svg+xml,${encodeURIComponent(`
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <linearGradient id="gradient" x1="0" y1="0" x2="0" y2="1">
-            <stop stop-color="#D50F6B" offset="0"/>
-            <stop stop-color="#E73AE8" offset="1"/>
-        </linearGradient>
-    </defs>
-    <g>
-        <rect fill="url(#gradient)"
-              x="0" y="0" width="40" height="40"
-              rx="3" ry="3"/>
-        <text x="5" y="19"
-              font-family="Arial, Helvetica, sans-serif"
-              font-size="15px"
-              letter-spacing="1"
-              fill="#FFFFFF">
-            <tspan>JB</tspan>
-            <tspan x="6" y="28">_</tspan>
-        </text>
-    </g>
-</svg>
-`)}`;
+var avatarDataUri = "data:image/svg+xml,".concat(encodeURIComponent("\n<svg viewBox=\"0 0 40 40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop stop-color=\"#D50F6B\" offset=\"0\"/>\n            <stop stop-color=\"#E73AE8\" offset=\"1\"/>\n        </linearGradient>\n    </defs>\n    <g>\n        <rect fill=\"url(#gradient)\"\n              x=\"0\" y=\"0\" width=\"40\" height=\"40\"\n              rx=\"3\" ry=\"3\"/>\n        <text x=\"5\" y=\"19\"\n              font-family=\"Arial, Helvetica, sans-serif\"\n              font-size=\"15px\"\n              letter-spacing=\"1\"\n              fill=\"#FFFFFF\">\n            <tspan>JB</tspan>\n            <tspan x=\"6\" y=\"28\">_</tspan>\n        </text>\n    </g>\n</svg>\n"));
 
 export { avatarDataUri };

package/dist/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ImgHTMLAttributes } from 'react';
+import React, { PureComponent, ImgHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Avatar
@@ -15,7 +15,7 @@ export declare enum Size {
 }
 export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
     dpr: number;
-    size: Size;
+    size: Size | number;
     subavatarSize: number;
     url?: string | null | undefined;
     round?: boolean | null | undefined;
@@ -47,6 +47,6 @@ export default class Avatar extends PureComponent<AvatarProps> {
     };
     handleError: () => void;
     handleSuccess: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;

package/dist/avatar/avatar.js

@@ -1,14 +1,36 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2, f as _extends, j as _slicedToArray } 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 { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.to-string.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.object.entries.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.slice.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 
-var modules_61ca8c75 = {"light":"light_rui_a03e","avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
+var modules_61ca8c75 = {"light":"light_rui_2ac4","avatar":"avatar_rui_a03e","subavatar":"subavatar_rui_a03e","empty":"empty_rui_a03e"};
 
+var _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize", "username", "skipParams"];
 /**
  * @name Avatar
  */
@@ -23,112 +45,123 @@ var Size;
   Size[Size["Size48"] = 48] = "Size48";
   Size[Size["Size56"] = 56] = "Size56";
 })(Size || (Size = {}));
-class Avatar extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var Avatar = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Avatar, _PureComponent);
+  var _super = _createSuper(Avatar);
+  function Avatar() {
+    var _this;
+    _classCallCheck(this, Avatar);
+    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), "state", {
       errorUrl: ''
     });
-    _defineProperty(this, "handleError", () => {
-      this.setState({
-        errorUrl: this.props.url
+    _defineProperty(_assertThisInitialized(_this), "handleError", function () {
+      _this.setState({
+        errorUrl: _this.props.url
       });
     });
-    _defineProperty(this, "handleSuccess", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "handleSuccess", function () {
+      _this.setState({
         errorUrl: ''
       });
     });
+    return _this;
   }
-  render() {
-    const {
-      size,
-      url,
-      dpr,
-      style,
-      round,
-      subavatar,
-      subavatarSize,
-      username,
-      skipParams,
-      ...restProps
-    } = this.props;
-    const sizeString = `${size}px`;
-    const subavatarSizeString = `${subavatarSize}px`;
-    const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
-    const styleObj = {
-      borderRadius: round ? '50%' : borderRadius,
-      height: sizeString,
-      width: sizeString,
-      ...style
-    };
-    const styleObjGroup = {
-      borderRadius: '2px',
-      height: subavatarSizeString,
-      width: subavatarSizeString,
-      ...style
-    };
-    if (!url || this.state.errorUrl === url) {
-      return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
-        "data-test": "avatar",
-        className: classNames(modules_61ca8c75.avatar, this.props.className, {
-          [modules_61ca8c75.empty]: username == null
-        }),
-        style: styleObj
-      }), username != null && /*#__PURE__*/React.createElement(FallbackAvatar, {
-        size: size,
-        round: round,
-        username: username
-      }));
-    }
-    let src = url;
-    if (!skipParams && !isDataURI(url)) {
-      const [urlStart, query] = url.split('?');
-      const queryParams = {
-        ...parseQueryString(query),
-        dpr,
-        size
-      };
-      src = encodeURL(urlStart, queryParams);
+  _createClass(Avatar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        size = _this$props.size,
+        url = _this$props.url,
+        dpr = _this$props.dpr,
+        style = _this$props.style,
+        round = _this$props.round,
+        subavatar = _this$props.subavatar,
+        subavatarSize = _this$props.subavatarSize,
+        username = _this$props.username,
+        skipParams = _this$props.skipParams,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var sizeString = "".concat(size, "px");
+      var subavatarSizeString = "".concat(subavatarSize, "px");
+      var borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';
+      var styleObj = _objectSpread2({
+        borderRadius: round ? '50%' : borderRadius,
+        height: sizeString,
+        width: sizeString
+      }, style);
+      var styleObjGroup = _objectSpread2({
+        borderRadius: '2px',
+        height: subavatarSizeString,
+        width: subavatarSizeString
+      }, style);
+      if (!url || this.state.errorUrl === url) {
+        return /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
+          "data-test": "avatar",
+          className: classNames(modules_61ca8c75.avatar, this.props.className, _defineProperty({}, modules_61ca8c75.empty, username == null)),
+          style: styleObj
+        }), username != null && /*#__PURE__*/React.createElement(FallbackAvatar, {
+          size: size,
+          round: round,
+          username: username
+        }));
+      }
+      var src = url;
+      if (!skipParams && !isDataURI(url)) {
+        var _url$split = url.split('?'),
+          _url$split2 = _slicedToArray(_url$split, 2),
+          urlStart = _url$split2[0],
+          query = _url$split2[1];
+        var queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(query)), {}, {
+          dpr: dpr,
+          size: size
+        });
+        src = encodeURL(urlStart, queryParams);
+      }
+      var subavatarSrc = null;
+      if (subavatar && !isDataURI(subavatar)) {
+        var _subavatar$split = subavatar.split('?'),
+          _subavatar$split2 = _slicedToArray(_subavatar$split, 2),
+          _urlStart = _subavatar$split2[0],
+          _query = _subavatar$split2[1];
+        var _queryParams = _objectSpread2(_objectSpread2({}, parseQueryString(_query)), {}, {
+          dpr: dpr,
+          subavatarSizeString: subavatarSizeString
+        });
+        subavatarSrc = skipParams ? subavatar : encodeURL(_urlStart, _queryParams);
+        return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.avatar, this.props.className),
+          style: styleObj,
+          src: src,
+          alt: "User avatar"
+        })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
+          "data-test": "avatar",
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.subavatar),
+          style: styleObjGroup,
+          src: subavatarSrc,
+          alt: "Subavatar"
+        })));
+      } else {
+        return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
+          "data-test": "avatar",
+          onError: this.handleError,
+          onLoad: this.handleSuccess,
+          className: classNames(modules_61ca8c75.avatar, this.props.className),
+          style: styleObj,
+          src: src,
+          alt: "User avatar"
+        }));
+      }
     }
-    let subavatarSrc = null;
-    if (subavatar && !isDataURI(subavatar)) {
-      const [urlStart, query] = subavatar.split('?');
-      const queryParams = {
-        ...parseQueryString(query),
-        dpr,
-        subavatarSizeString
-      };
-      subavatarSrc = skipParams ? subavatar : encodeURL(urlStart, queryParams);
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.avatar, this.props.className),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      })), /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        "data-test": "avatar",
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.subavatar),
-        style: styleObjGroup,
-        src: subavatarSrc,
-        alt: "Subavatar"
-      })));
-    } else {
-      return /*#__PURE__*/React.createElement("img", _extends({}, restProps, {
-        "data-test": "avatar",
-        onError: this.handleError,
-        onLoad: this.handleSuccess,
-        className: classNames(modules_61ca8c75.avatar, this.props.className),
-        style: styleObj,
-        src: src,
-        alt: "User avatar"
-      }));
-    }
-  }
-}
+  }]);
+  return Avatar;
+}(PureComponent);
 _defineProperty(Avatar, "propTypes", {
   dpr: PropTypes.number,
   className: PropTypes.string,

package/dist/avatar/fallback-avatar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {
@@ -6,7 +6,7 @@ export interface FallbackAvatarProps {
     size: Size;
     round: boolean | null | undefined;
 }
-declare function FallbackAvatar({ username, size, round }: FallbackAvatarProps): JSX.Element;
+declare function FallbackAvatar({ username, size, round }: FallbackAvatarProps): React.JSX.Element;
 declare namespace FallbackAvatar {
     var propTypes: {
         username: PropTypes.Validator<string>;

package/dist/avatar/fallback-avatar.js

@@ -1,9 +1,22 @@
+import { j as _slicedToArray, m as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 
-const colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
-const Sizes = {
+var colorPairs = [['#60A800', '#D5CA00'], ['#21D370', '#03E9E1'], ['#3BA1FF', '#36E97D'], ['#00C243', '#00FFFF'], ['#4BE098', '#627FFF'], ['#168BFA', '#26F7C7'], ['#9D4CFF', '#39D3C3'], ['#0A81F6', '#0ACFF6'], ['#765AF8', '#5A91F8'], ['#9E54FF', '#0ACFF6'], ['#B345F1', '#669DFF'], ['#765AF8', '#C059EE'], ['#9039D0', '#C239D0'], ['#9F2AFF', '#FD56FD'], ['#AB3AF2', '#E40568'], ['#9F2AFF', '#E9A80B'], ['#D50F6B', '#E73AE8'], ['#ED5502', '#E73AE8'], ['#ED358C', '#DBED18'], ['#ED358C', '#F9902E'], ['#FF7500', '#FFCA00']];
+var Sizes = {
   18: {
     radius: 2,
     text: {
@@ -52,45 +65,51 @@ const Sizes = {
     }
   }
 };
-const sizeKeys = Object.keys(Sizes).map(Number);
+var sizeKeys = Object.keys(Sizes).map(Number);
 function extractLetters(name) {
-  const names = name.split(/[\s._]+/).filter(Boolean).map(word => Array.from(word));
+  var names = name.split(/[\s._]+/).filter(Boolean).map(function (word) {
+    return Array.from(word);
+  });
   if (names.length >= 2) {
     return names[0][0].toUpperCase() + names[1][0].toUpperCase();
   } else if (names.length === 1) {
     if (names[0].length >= 2) {
       return names[0].slice(0, 2).join('').toUpperCase();
     } else {
-      return `${names[0][0].toUpperCase()}X`;
+      return "".concat(names[0][0].toUpperCase(), "X");
     }
   } else {
     return 'XX';
   }
 }
 // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0#gistcomment-2775538
-const BASE = 32;
+var BASE = 32;
 function hashCode(s) {
-  let h = 0;
-  for (let i = 0; i < s.length; i++) {
+  var h = 0;
+  for (var i = 0; i < s.length; i++) {
     h = Math.imul(BASE - 1, h) + s.charCodeAt(i) | 0;
   }
   return h;
 }
 function FallbackAvatar(_ref) {
-  let {
-    username,
-    size,
-    round
-  } = _ref;
-  const hash = Math.abs(hashCode(username.toLowerCase()));
-  const [fromColor, toColor] = colorPairs[hash % colorPairs.length];
-  const possibleSizeKeys = sizeKeys.filter(key => key >= size);
-  const sizeKey = possibleSizeKeys.length > 0 ? Math.min(...possibleSizeKeys) : Math.max(...sizeKeys);
-  const sizes = Sizes[sizeKey];
-  const radius = round ? '50%' : sizes.radius;
-  const gradientId = useMemo(() => getUID('gradient-'), []);
+  var username = _ref.username,
+    size = _ref.size,
+    round = _ref.round;
+  var hash = Math.abs(hashCode(username.toLowerCase()));
+  var _colorPairs = _slicedToArray(colorPairs[hash % colorPairs.length], 2),
+    fromColor = _colorPairs[0],
+    toColor = _colorPairs[1];
+  var possibleSizeKeys = sizeKeys.filter(function (key) {
+    return key >= size;
+  });
+  var sizeKey = possibleSizeKeys.length > 0 ? Math.min.apply(Math, _toConsumableArray(possibleSizeKeys)) : Math.max.apply(Math, _toConsumableArray(sizeKeys));
+  var sizes = Sizes[sizeKey];
+  var radius = round ? '50%' : sizes.radius;
+  var gradientId = useMemo(function () {
+    return getUID('gradient-');
+  }, []);
   return /*#__PURE__*/React.createElement("svg", {
-    viewBox: `0 0 ${sizeKey} ${sizeKey}`,
+    viewBox: "0 0 ".concat(sizeKey, " ").concat(sizeKey),
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: gradientId,
@@ -105,7 +124,7 @@ function FallbackAvatar(_ref) {
     stopColor: toColor,
     offset: "1"
   }))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
-    fill: `url(#${gradientId})`,
+    fill: "url(#".concat(gradientId, ")"),
     x: "0",
     y: "0",
     width: sizeKey,
@@ -119,11 +138,12 @@ function FallbackAvatar(_ref) {
     fontSize: sizes.fontSize,
     letterSpacing: sizes.letterSpacing,
     fill: "#FFFFFF",
-    textAnchor: sizes.textAnchor
+    textAnchor: sizes.textAnchor,
+    cursor: "default"
   }, /*#__PURE__*/React.createElement("tspan", null, extractLetters(username)), sizes.underscore && /*#__PURE__*/React.createElement("tspan", {
     x: sizes.underscore.x,
     y: sizes.underscore.y
-  }, '_'))));
+  }, '_')), /*#__PURE__*/React.createElement("title", null, username)));
 }
 FallbackAvatar.propTypes = {
   username: PropTypes.string.isRequired,