@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/tags-input-ng/tags-input-ng.js

@@ -1,21 +1,45 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import TagsInput from '../tags-input/tags-input.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.keys.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.slice.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
 import 'prop-types';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.object.assign.js';
 import 'classnames';
 import '../global/get-event-key.js';
 import '../select/select.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.object.entries.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -24,29 +48,40 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
 import '../button/button.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.match.js';
 import '../global/dom.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -70,8 +105,11 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import '../control-label/control-label.js';
+import '../_helpers/control-label.js';
 import '../_helpers/input.js';
-import '../input/input-label.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';

package/dist/tags-list/tags-list.d.ts

@@ -39,8 +39,8 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
         handleClick: typeof noop;
         handleRemove: typeof noop;
     };
-    renderTag(tag: T, focusTag: boolean): JSX.Element;
-    render(): JSX.Element;
+    renderTag(tag: T, focusTag: boolean): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TagsListAttrs<T extends TagType = TagType> = JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
 export {};

package/dist/tags-list/tags-list.js

@@ -1,63 +1,86 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, f as _extends, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Tag from '../tag/tag.js';
+import 'core-js/modules/es.array.concat.js';
 import '@jetbrains/icons/close-12px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 
+var _excluded = ["children", "className", "customTagComponent", "canNotBeEmpty", "handleClick", "tagClassName", "handleRemove", "tags", "activeIndex"];
 function noop() {}
 /**
  * @name Tags List
  */
-class TagsList extends Component {
-  renderTag(tag, focusTag) {
-    const TagComponent = this.props.customTagComponent || Tag;
-    const readOnly = this.props.disabled || tag.readOnly || this.props.canNotBeEmpty && this.props.tags.length === 1;
-    const {
-      tagClassName
-    } = this.props;
-    return /*#__PURE__*/React.createElement(TagComponent, _extends({}, tag, {
-      readOnly: readOnly,
-      disabled: this.props.disabled || tag.disabled,
-      focused: focusTag,
-      onClick: this.props.handleClick(tag),
-      onRemove: this.props.handleRemove(tag),
-      className: tagClassName
-    }), tag.label);
+var TagsList = /*#__PURE__*/function (_Component) {
+  _inherits(TagsList, _Component);
+  var _super = _createSuper(TagsList);
+  function TagsList() {
+    _classCallCheck(this, TagsList);
+    return _super.apply(this, arguments);
   }
-  render() {
-    const {
-      children,
-      className,
-      customTagComponent,
-      canNotBeEmpty,
-      handleClick,
-      tagClassName,
-      handleRemove,
-      tags,
-      activeIndex,
-      ...props
-    } = this.props;
-    const classes = classNames('ring-js-shortcuts', className);
-    const tagsList = (this.props.tags || []).map((tag, index) => this.renderTag(tag, this.props.activeIndex === index));
-    return /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": "ring-tags-list",
-      className: classes
-    }, props), tagsList, children);
-  }
-}
+  _createClass(TagsList, [{
+    key: "renderTag",
+    value: function renderTag(tag, focusTag) {
+      var TagComponent = this.props.customTagComponent || Tag;
+      var readOnly = this.props.disabled || tag.readOnly || this.props.canNotBeEmpty && this.props.tags.length === 1;
+      var tagClassName = this.props.tagClassName;
+      return /*#__PURE__*/React.createElement(TagComponent, _extends({}, tag, {
+        readOnly: readOnly,
+        disabled: this.props.disabled || tag.disabled,
+        focused: focusTag,
+        onClick: this.props.handleClick(tag),
+        onRemove: this.props.handleRemove(tag),
+        className: tagClassName
+      }), tag.label);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className;
+        _this$props.customTagComponent;
+        _this$props.canNotBeEmpty;
+        _this$props.handleClick;
+        _this$props.tagClassName;
+        _this$props.handleRemove;
+        _this$props.tags;
+        _this$props.activeIndex;
+        var props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames('ring-js-shortcuts', className);
+      var tagsList = (this.props.tags || []).map(function (tag, index) {
+        return _this.renderTag(tag, _this.props.activeIndex === index);
+      });
+      return /*#__PURE__*/React.createElement("div", _extends({
+        "data-test": "ring-tags-list",
+        className: classes
+      }, props), tagsList, children);
+    }
+  }]);
+  return TagsList;
+}(Component);
 _defineProperty(TagsList, "propTypes", {
   children: PropTypes.node,
   tags: PropTypes.array,

package/dist/template-ng/template-ng.js

@@ -1,53 +1,63 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 
 /**
  * @name Template Ng
 */
 
-const angularModule = angular.module('Ring.template', []);
-class RgTemplateController extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "currentScope", null);
-    _defineProperty(this, "render", template => {
-      const {
-        $scope,
-        $element,
-        $compile
-      } = this.$inject;
-      this.cleanup();
-      this.currentScope = $scope.$new();
-      this.currentScope.$evalAsync(() => {
+var angularModule = angular.module('Ring.template', []);
+var RgTemplateController = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(RgTemplateController, _RingAngularComponent);
+  var _super = _createSuper(RgTemplateController);
+  function RgTemplateController() {
+    var _this;
+    _classCallCheck(this, RgTemplateController);
+    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), "currentScope", null);
+    _defineProperty(_assertThisInitialized(_this), "render", function (template) {
+      var _this$$inject = _this.$inject,
+        $scope = _this$$inject.$scope,
+        $element = _this$$inject.$element,
+        $compile = _this$$inject.$compile;
+      _this.cleanup();
+      _this.currentScope = $scope.$new();
+      _this.currentScope.$evalAsync(function () {
         $element.html(template);
-        this.addInnerClass();
-        $compile($element.contents())(this.currentScope);
+        _this.addInnerClass();
+        $compile($element.contents())(_this.currentScope);
       });
     });
-    _defineProperty(this, "addInnerClass", () => {
-      const {
-        rgTemplateClass
-      } = this.$inject.$attrs;
+    _defineProperty(_assertThisInitialized(_this), "addInnerClass", function () {
+      var rgTemplateClass = _this.$inject.$attrs.rgTemplateClass;
       if (rgTemplateClass) {
-        this.$inject.$element.contents().addClass(rgTemplateClass);
+        _this.$inject.$element.contents().addClass(rgTemplateClass);
       }
     });
-    const {
-      $scope: _$scope,
-      $attrs
-    } = this.$inject;
-    _$scope.$watch($attrs.rgTemplate || $attrs.template, this.render);
+    var _this$$inject2 = _this.$inject,
+      _$scope = _this$$inject2.$scope,
+      $attrs = _this$$inject2.$attrs;
+    _$scope.$watch($attrs.rgTemplate || $attrs.template, _this.render);
+    return _this;
   }
-  cleanup() {
-    if (this.currentScope) {
-      this.currentScope.$destroy();
-      this.currentScope = null;
+  _createClass(RgTemplateController, [{
+    key: "cleanup",
+    value: function cleanup() {
+      if (this.currentScope) {
+        this.currentScope.$destroy();
+        this.currentScope = null;
+      }
     }
-  }
-}
-RgTemplateController.$inject = [];
-_defineProperty(RgTemplateController, "$inject", ['$scope', '$element', '$attrs', '$compile']);
+  }]);
+  return RgTemplateController;
+}(RingAngularComponent);
+RgTemplateController.$inject = ['$scope', '$element', '$attrs', '$compile'];
 angularModule.directive('rgTemplate', function rgTemplateDirective() {
   return {
     controller: RgTemplateController

package/dist/text/text.d.ts

@@ -1,9 +1,12 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
+type TextSize = 's' | 'm' | 'l';
 export interface TextProps extends HTMLAttributes<HTMLElement> {
     info?: boolean | null | undefined;
+    size?: TextSize;
     'data-test'?: string | null | undefined;
 }
+declare const TextSize: Record<string, TextSize>;
 /**
  * @name Text
  */
@@ -11,7 +14,10 @@ export default class Text extends Component<TextProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         info: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<TextSize>;
         className: PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    static Size: Record<string, TextSize>;
+    render(): React.JSX.Element;
 }
+export {};

package/dist/text/text.js

@@ -1,33 +1,54 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, 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.array.map.js';
+import 'core-js/modules/es.object.keys.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_78d1bce6 = {"light":"light_rui_6f30","text":"text_rui_6f30","info":"info_rui_6f30"};
+var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_6f30","sizeS":"sizeS_rui_6f30","sizeM":"sizeM_rui_6f30","sizeL":"sizeL_rui_6f30","info":"info_rui_6f30"};
 
+var _excluded = ["children", "className", "info", "size"];
+var TextSize = {
+  S: 's',
+  M: 'm',
+  L: 'l'
+};
 /**
  * @name Text
  */
-class Text extends Component {
-  render() {
-    const {
-      children,
-      className,
-      info,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_78d1bce6.text, className, {
-      [modules_78d1bce6.info]: info
-    });
-    return /*#__PURE__*/React.createElement("span", _extends({
-      className: classes
-    }, restProps), children);
+var Text = /*#__PURE__*/function (_Component) {
+  _inherits(Text, _Component);
+  var _super = _createSuper(Text);
+  function Text() {
+    _classCallCheck(this, Text);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Text, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        info = _this$props.info,
+        size = _this$props.size,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_78d1bce6.text, className, (_classNames = {}, _defineProperty(_classNames, modules_78d1bce6.info, info), _defineProperty(_classNames, modules_78d1bce6.sizeS, size === Text.Size.S), _defineProperty(_classNames, modules_78d1bce6.sizeM, size === Text.Size.M), _defineProperty(_classNames, modules_78d1bce6.sizeL, size === Text.Size.L), _classNames));
+      return /*#__PURE__*/React.createElement("span", _extends({
+        className: classes
+      }, restProps), children);
+    }
+  }]);
+  return Text;
+}(Component);
 _defineProperty(Text, "propTypes", {
   children: PropTypes.node,
   info: PropTypes.bool,
+  size: PropTypes.oneOf(Object.keys(TextSize).map(function (it) {
+    return TextSize[it];
+  })),
   className: PropTypes.string
 });
+_defineProperty(Text, "Size", TextSize);
 
 export { Text as default };

package/dist/title-ng/title-ng.js

@@ -1,6 +1,8 @@
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
 import angular from 'angular';
 
-const angularModule = angular.module('Ring.title', []);
+var angularModule = angular.module('Ring.title', []);
 angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
   return {
     scope: {
@@ -9,20 +11,20 @@ angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
       delimiter: '@'
     },
     controller: ["$rootScope", "$scope", "$element", "$attrs", "pageTitle", "$injector", function controller($rootScope, $scope, $element, $attrs, pageTitle, $injector) {
-      const element = $element[0];
+      var element = $element[0];
 
       // Get title prefix from title element
-      const elementText = element.textContent;
-      let offScopeWatch = angular.noop;
+      var elementText = element.textContent;
+      var offScopeWatch = angular.noop;
 
       // Set page title on route change
-      const offRouteWatch = $rootScope.$on('$routeChangeSuccess', (event, current) => {
+      var offRouteWatch = $rootScope.$on('$routeChangeSuccess', function (event, current) {
         //Do nothing if we're being redirected
         if (current.$$route && current.$$route.redirectTo) {
           // eslint-disable-line angular/no-private-call
           return;
         }
-        let routeTitle = current.$$route && current.$$route.title; // eslint-disable-line angular/no-private-call
+        var routeTitle = current.$$route && current.$$route.title; // eslint-disable-line angular/no-private-call
 
         pageTitle.setCurrent($scope.rgPageTitle || elementText);
 
@@ -35,14 +37,14 @@ angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
           pageTitle.addElement(routeTitle || $scope.noTitle);
         }
       });
-      $scope.$on('$destroy', () => {
+      $scope.$on('$destroy', function () {
         offRouteWatch();
         offScopeWatch();
       });
-      this.$onInit = () => {
+      this.$onInit = function () {
         pageTitle.setDelimiter($scope.delimiter);
         if ($attrs.rgPageTitle) {
-          offScopeWatch = $scope.$watch('rgPageTitle', newBaseTitle => {
+          offScopeWatch = $scope.$watch('rgPageTitle', function (newBaseTitle) {
             pageTitle.setRootElement(newBaseTitle);
           });
         }
@@ -51,8 +53,9 @@ angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
   };
 });
 angularModule.service('pageTitle', ["$interpolate", "$document", function service($interpolate, $document) {
-  let delimiter = ' | ';
-  let current = $document[0].title;
+  var _this = this;
+  var delimiter = ' | ';
+  var current = $document[0].title;
   function setTitle(text) {
     current = text && $interpolate(text)();
     updateDocumentTitle(current);
@@ -64,37 +67,39 @@ angularModule.service('pageTitle', ["$interpolate", "$document", function servic
     setTitle(current ? element + delimiter + current : element);
   }
   function replacePart(element) {
-    let replaceIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    const titleElements = current.split(delimiter);
+    var replaceIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var titleElements = current.split(delimiter);
     titleElements[replaceIndex === -1 ? titleElements.length - 1 : replaceIndex] = element;
     setTitle(titleElements.join(delimiter));
   }
-  this.setDelimiter = newDelimiter => {
+  this.setDelimiter = function (newDelimiter) {
     delimiter = newDelimiter || delimiter;
   };
-  this.setCurrent = newBase => {
+  this.setCurrent = function (newBase) {
     current = newBase;
   };
-  this.setText = text => updateDocumentTitle(text);
-  this.addElement = (element, fieldName) => {
+  this.setText = function (text) {
+    return updateDocumentTitle(text);
+  };
+  this.addElement = function (element, fieldName) {
     if (element.$promise) {
-      element.$promise.then(Data => {
-        this.addElement(Data[fieldName || 'name']);
+      element.$promise.then(function (Data) {
+        _this.addElement(Data[fieldName || 'name']);
       });
     } else {
       prepend(fieldName ? element[fieldName] : element);
     }
   };
-  this.updateElement = (element, fieldName) => {
+  this.updateElement = function (element, fieldName) {
     if (element.$promise) {
-      element.$promise.then(Data => {
-        this.updateElement(Data[fieldName || 'name']);
+      element.$promise.then(function (Data) {
+        _this.updateElement(Data[fieldName || 'name']);
       });
     } else {
       replacePart(fieldName ? element[fieldName] : element);
     }
   };
-  this.setRootElement = element => {
+  this.setRootElement = function (element) {
     replacePart(element, -1);
   };
 }]);

package/dist/toggle/toggle.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, PureComponent, ReactNode } from 'react';
+import React, { InputHTMLAttributes, PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export declare const Size: {
     Size14: string;
@@ -33,7 +33,7 @@ declare class Toggle extends PureComponent<ToggleProps> {
     static defaultProps: {
         size: string;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ToggleAttrs = JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
 export default Toggle;