@jetbrains/ring-ui 5.0.36 → 5.0.37

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

@@ -85,16 +85,12 @@ function noop() {}
 /**
  * @name Tags Input
  */
-
-
 const POPUP_VERTICAL_SHIFT = 2;
 class TagsInput extends PureComponent {
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "state", {
       tags: [],
       prevTags: null,
@@ -104,38 +100,26 @@ class TagsInput extends PureComponent {
       query: '',
       activeIndex: 0
     });
-
     _defineProperty(this, "ngModelStateField", void 0);
-
     _defineProperty(this, "id", getUID('ring-tags-list-'));
-
     _defineProperty(this, "node", void 0);
-
     _defineProperty(this, "nodeRef", node => {
       this.node = node;
     });
-
     _defineProperty(this, "input", void 0);
-
     _defineProperty(this, "caret", void 0);
-
     _defineProperty(this, "focusInput", () => {
       var _this$getInputNode;
-
       (_this$getInputNode = this.getInputNode()) === null || _this$getInputNode === void 0 ? void 0 : _this$getInputNode.focus();
     });
-
     _defineProperty(this, "addTag", tag => {
       var _this$select, _this$select2;
-
       if (tag == null) {
         return;
       }
-
       const isUniqueTag = this.state.tags.filter(item => tag.key === item.key).length === 0;
       (_this$select = this.select) === null || _this$select === void 0 ? void 0 : _this$select.clear();
       (_this$select2 = this.select) === null || _this$select2 === void 0 ? void 0 : _this$select2.filterValue('');
-
       if (isUniqueTag) {
         this.setState(prevState => ({
           tags: prevState.tags.concat([tag])
@@ -146,23 +130,18 @@ class TagsInput extends PureComponent {
         this.setActiveIndex();
       }
     });
-
     _defineProperty(this, "clickHandler", event => {
       var _this$getInputNode2;
-
       if (event.target !== this.node) {
         return;
       }
-
       this.loadSuggestions((_this$getInputNode2 = this.getInputNode()) === null || _this$getInputNode2 === void 0 ? void 0 : _this$getInputNode2.value);
       this.focusInput();
     });
-
     _defineProperty(this, "filterExistingTags", suggestions => {
       const tagsMap = new Map(this.state.tags.map(tag => [tag.key, tag]));
       return suggestions.filter(suggestion => !tagsMap.has(suggestion.key));
     });
-
     _defineProperty(this, "loadSuggestions", function () {
       let query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       return _this.setState({
@@ -173,11 +152,8 @@ class TagsInput extends PureComponent {
           const suggestionsResult = _this.props.dataSource({
             query
           });
-
           const allSuggestions = Array.isArray(suggestionsResult) ? suggestionsResult : await suggestionsResult;
-
           const suggestions = _this.filterExistingTags(allSuggestions);
-
           if (_this.node && query === _this.state.query) {
             _this.setState({
               suggestions,
@@ -191,132 +167,100 @@ class TagsInput extends PureComponent {
         }
       });
     });
-
     _defineProperty(this, "_focusHandler", () => {
       this.setActiveIndex(null);
       this.setState({
         focused: true
       });
     });
-
     _defineProperty(this, "_blurHandler", () => {
       this.setState({
         focused: false
       });
     });
-
     _defineProperty(this, "selectTag", moveForward => {
       const activeIndex = typeof this.state.activeIndex === 'number' ? this.state.activeIndex : this.state.tags.length + 1;
       let newActiveIndex = activeIndex + (moveForward ? 1 : -1);
-
       if (newActiveIndex >= this.state.tags.length) {
         newActiveIndex = this.state.tags.length - 1;
       } else if (newActiveIndex < 0) {
         newActiveIndex = 0;
       }
-
       if (this.state.activeIndex !== newActiveIndex) {
         this.setActiveIndex(newActiveIndex);
       }
     });
-
     _defineProperty(this, "handleKeyDown", event => {
       var _this$select3, _this$select3$_popup;
-
       const key = getEventKey(event);
-
       const isInputFocused = () => {
         var _this$getInputNode$ta, _this$getInputNode3;
-
         return event.target instanceof Element && event.target.matches((_this$getInputNode$ta = (_this$getInputNode3 = this.getInputNode()) === null || _this$getInputNode3 === void 0 ? void 0 : _this$getInputNode3.tagName) !== null && _this$getInputNode$ta !== void 0 ? _this$getInputNode$ta : '');
       };
-
       if (key === ' ' && this.props.allowAddNewTags) {
         var _this$getInputNode4;
-
         event.stopPropagation();
         const value = (_this$getInputNode4 = this.getInputNode()) === null || _this$getInputNode4 === void 0 ? void 0 : _this$getInputNode4.value;
-
         if (value != null && value !== '') {
           this.handleTagCreation(value);
         }
-
         return true;
       }
-
       if ((_this$select3 = this.select) !== null && _this$select3 !== void 0 && (_this$select3$_popup = _this$select3._popup) !== null && _this$select3$_popup !== void 0 && _this$select3$_popup.isVisible()) {
         return true;
       }
-
       if (key === 'ArrowLeft') {
         if (this.getInputNode() && this.caret != null && this.caret.getPosition() > 0) {
           return true;
         }
-
         this.selectTag();
         return false;
       }
-
       if (key === 'ArrowRight' && !isInputFocused()) {
         if (this.state.activeIndex === this.state.tags.length - 1) {
           if (!this.props.disabled) {
             var _this$getInputNode5;
-
             (_this$getInputNode5 = this.getInputNode()) === null || _this$getInputNode5 === void 0 ? void 0 : _this$getInputNode5.focus();
             this.setActiveIndex();
           }
         } else {
           this.selectTag(true);
         }
-
         return false;
       }
-
       if (!this.props.disabled) {
         var _this$getInputNode6;
-
         if (key === 'Backspace' && !((_this$getInputNode6 = this.getInputNode()) !== null && _this$getInputNode6 !== void 0 && _this$getInputNode6.value)) {
           var _this$select4;
-
           event.preventDefault();
           const tagsLength = this.state.tags.length;
           (_this$select4 = this.select) === null || _this$select4 === void 0 ? void 0 : _this$select4._hidePopup(true); // otherwise confirmation may be overlapped by popup
-
           this.onRemoveTag(this.state.tags[tagsLength - 1]);
           return false;
         }
-
         if ((key === 'Delete' || key === 'Backspace') && this.state.activeIndex != null && this.state.tags[this.state.activeIndex]) {
           this.onRemoveTag(this.state.tags[this.state.activeIndex]).then(() => this.selectTag(true));
           return false;
         }
       }
-
       return true;
     });
-
     _defineProperty(this, "handleClick", memoize(tag => () => {
       this.setActiveIndex(this.state.tags.indexOf(tag));
     }));
-
     _defineProperty(this, "handleRemove", memoize(tag => () => this.onRemoveTag(tag)));
-
     _defineProperty(this, "handleTagCreation", label => {
       this.addTag({
         key: label,
         label
       });
     });
-
     _defineProperty(this, "select", void 0);
-
     _defineProperty(this, "selectRef", el => {
       this.select = el;
     });
-
     this.ngModelStateField = TagsInput.ngModelStateField;
   }
-
   static getDerivedStateFromProps(_ref, _ref2) {
     let {
       tags
@@ -327,64 +271,51 @@ class TagsInput extends PureComponent {
     const nextState = {
       prevTags: tags
     };
-
     if (tags != null && tags !== prevTags) {
       Object.assign(nextState, {
         tags,
         activeIndex: tags.length
       });
     }
-
     return nextState;
   }
-
   componentDidMount() {
     if (this.props.autoOpen && !this.props.disabled) {
       var _this$select5;
-
       this.focusInput();
       this.loadSuggestions();
       (_this$select5 = this.select) === null || _this$select5 === void 0 ? void 0 : _this$select5._showPopup();
     }
   }
-
   getInputNode() {
     if (!this.input) {
       var _this$select6;
-
       this.input = (_this$select6 = this.select) === null || _this$select6 === void 0 ? void 0 : _this$select6.filter;
-
       if (this.input) {
         this.caret = new Caret(this.input);
       }
     }
-
     return this.input;
   }
-
   setActiveIndex(activeIndex) {
     this.setState({
       activeIndex
     });
   }
-
   onRemoveTag(tagToRemove) {
     return Promise.resolve(this.props.onRemoveTag({
       tag: tagToRemove
     })).then(() => {
       const tags = this.state.tags.filter(tag => tag !== tagToRemove);
-
       if (this.node) {
         this.setState({
           tags
         });
         this.focusInput();
       }
-
       return tags;
     }, this.focusInput);
   }
-
   render() {
     const {
       focused,
@@ -454,13 +385,10 @@ class TagsInput extends PureComponent {
       notFoundMessage: this.props.notFoundMessage
     })));
   }
-
 }
-
 _defineProperty(TagsInput, "propTypes", {
   className: PropTypes.string,
   tags: PropTypes.array,
-
   /**
    * Datasource should return array(or promise) of suggestions.
    * Each suggestion should contain key and label fields.
@@ -488,7 +416,6 @@ _defineProperty(TagsInput, "propTypes", {
   notFoundMessage: PropTypes.string,
   allowAddNewTags: PropTypes.bool
 });
-
 _defineProperty(TagsInput, "defaultProps", {
   dataSource: noop,
   onAddTag: noop,
@@ -507,11 +434,8 @@ _defineProperty(TagsInput, "defaultProps", {
   placeholder: 'Select an option',
   size: Size.M
 });
-
 _defineProperty(TagsInput, "ngModelStateField", 'tags');
-
 _defineProperty(TagsInput, "contextType", ControlsHeightContext);
-
 const RerenderableTagsInput = rerenderHOC(TagsInput);
 
 export { RerenderableTagsInput, TagsInput as default };

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

@@ -21,8 +21,6 @@ function noop() {}
 /**
  * @name Tags List
  */
-
-
 class TagsList extends Component {
   renderTag(tag, focusTag) {
     const TagComponent = this.props.customTagComponent || Tag;
@@ -39,7 +37,6 @@ class TagsList extends Component {
       className: tagClassName
     }), tag.label);
   }
-
   render() {
     const {
       children,
@@ -60,9 +57,7 @@ class TagsList extends Component {
       className: classes
     }, props), tagsList, children);
   }
-
 }
-
 _defineProperty(TagsList, "propTypes", {
   children: PropTypes.node,
   tags: PropTypes.array,
@@ -75,7 +70,6 @@ _defineProperty(TagsList, "propTypes", {
   className: PropTypes.string,
   tagClassName: PropTypes.string
 });
-
 _defineProperty(TagsList, "defaultProps", {
   customTagComponent: null,
   canNotBeEmpty: false,

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

@@ -7,13 +7,10 @@ import RingAngularComponent from '../global/ring-angular-component.js';
 */
 
 const angularModule = angular.module('Ring.template', []);
-
 class RgTemplateController extends RingAngularComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "currentScope", null);
-
     _defineProperty(this, "render", template => {
       const {
         $scope,
@@ -28,38 +25,29 @@ class RgTemplateController extends RingAngularComponent {
         $compile($element.contents())(this.currentScope);
       });
     });
-
     _defineProperty(this, "addInnerClass", () => {
       const {
         rgTemplateClass
       } = this.$inject.$attrs;
-
       if (rgTemplateClass) {
         this.$inject.$element.contents().addClass(rgTemplateClass);
       }
     });
-
     const {
       $scope: _$scope,
       $attrs
     } = this.$inject;
-
     _$scope.$watch($attrs.rgTemplate || $attrs.template, this.render);
   }
-
   cleanup() {
     if (this.currentScope) {
       this.currentScope.$destroy();
       this.currentScope = null;
     }
   }
-
 }
-
 RgTemplateController.$inject = [];
-
 _defineProperty(RgTemplateController, "$inject", ['$scope', '$element', '$attrs', '$compile']);
-
 angularModule.directive('rgTemplate', function rgTemplateDirective() {
   return {
     controller: RgTemplateController

package/dist/text/text.js

@@ -8,7 +8,6 @@ var modules_78d1bce6 = {"text":"text_rui_6f30","info":"info_rui_6f30"};
 /**
  * @name Text
  */
-
 class Text extends Component {
   render() {
     const {
@@ -24,9 +23,7 @@ class Text extends Component {
       className: classes
     }, restProps), children);
   }
-
 }
-
 _defineProperty(Text, "propTypes", {
   children: PropTypes.node,
   info: PropTypes.bool,

package/dist/theme-ng/theme-ng.js

@@ -3,21 +3,17 @@ import angular from 'angular';
 import RingAngularComponent from '../global/ring-angular-component.js';
 
 const angularModule = angular.module('Ring.theme', []);
-
 class RingThemeComponent extends RingAngularComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "on", this.$inject.$scope.$on.bind(this.$inject.$scope));
   }
-
   $onInit() {
     const {
       $element
     } = this.$inject;
     $element[0].setAttribute('data-test', 'ring-theme');
   }
-
   $onChanges(changes) {
     if (changes.theme && changes.theme.currentValue) {
       const {
@@ -29,15 +25,11 @@ class RingThemeComponent extends RingAngularComponent {
       });
     }
   }
-
 }
-
 _defineProperty(RingThemeComponent, "$inject", ['$scope', '$element']);
-
 _defineProperty(RingThemeComponent, "bindings", {
   theme: '<'
 });
-
 angularModule.component('rgTheme', RingThemeComponent);
 var themeNg = angularModule.name;
 

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

@@ -9,28 +9,29 @@ 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]; // Get title prefix from title element
+      const element = $element[0];
 
+      // Get title prefix from title element
       const elementText = element.textContent;
-      let offScopeWatch = angular.noop; // Set page title on route change
+      let offScopeWatch = angular.noop;
 
+      // Set page title on route change
       const offRouteWatch = $rootScope.$on('$routeChangeSuccess', (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
 
-        pageTitle.setCurrent($scope.rgPageTitle || elementText); // Use title: false to prevent title change on route
+        pageTitle.setCurrent($scope.rgPageTitle || elementText);
 
+        // Use title: false to prevent title change on route
         if (routeTitle !== false) {
           if (angular.isArray(routeTitle) || angular.isFunction(routeTitle)) {
             //Invoke injector
             routeTitle = $injector.invoke(routeTitle);
           }
-
           pageTitle.addElement(routeTitle || $scope.noTitle);
         }
       });
@@ -38,10 +39,8 @@ angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
         offRouteWatch();
         offScopeWatch();
       });
-
       this.$onInit = () => {
         pageTitle.setDelimiter($scope.delimiter);
-
         if ($attrs.rgPageTitle) {
           offScopeWatch = $scope.$watch('rgPageTitle', newBaseTitle => {
             pageTitle.setRootElement(newBaseTitle);
@@ -54,37 +53,29 @@ angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
 angularModule.service('pageTitle', ["$interpolate", "$document", function service($interpolate, $document) {
   let delimiter = ' | ';
   let current = $document[0].title;
-
   function setTitle(text) {
     current = text && $interpolate(text)();
     updateDocumentTitle(current);
   }
-
   function updateDocumentTitle(text) {
     $document[0].title = text;
   }
-
   function prepend(element) {
     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);
     titleElements[replaceIndex === -1 ? titleElements.length - 1 : replaceIndex] = element;
     setTitle(titleElements.join(delimiter));
   }
-
   this.setDelimiter = newDelimiter => {
     delimiter = newDelimiter || delimiter;
   };
-
   this.setCurrent = newBase => {
     current = newBase;
   };
-
   this.setText = text => updateDocumentTitle(text);
-
   this.addElement = (element, fieldName) => {
     if (element.$promise) {
       element.$promise.then(Data => {
@@ -94,7 +85,6 @@ angularModule.service('pageTitle', ["$interpolate", "$document", function servic
       prepend(fieldName ? element[fieldName] : element);
     }
   };
-
   this.updateElement = (element, fieldName) => {
     if (element.$promise) {
       element.$promise.then(Data => {
@@ -104,7 +94,6 @@ angularModule.service('pageTitle', ["$interpolate", "$document", function servic
       replacePart(fieldName ? element[fieldName] : element);
     }
   };
-
   this.setRootElement = element => {
     replacePart(element, -1);
   };

package/dist/toggle/toggle.js

@@ -11,7 +11,6 @@ const Size = {
   Size16: modules_331c5aa7.size16,
   Size20: modules_331c5aa7.size20
 };
-
 class Toggle extends PureComponent {
   render() {
     const {
@@ -48,9 +47,7 @@ class Toggle extends PureComponent {
       className: modules_331c5aa7.label
     }, children));
   }
-
 }
-
 _defineProperty(Toggle, "propTypes", {
   children: PropTypes.node,
   name: PropTypes.string,
@@ -66,7 +63,6 @@ _defineProperty(Toggle, "propTypes", {
   size: PropTypes.oneOf(Object.values(Size)),
   'data-test': PropTypes.string
 });
-
 _defineProperty(Toggle, "defaultProps", {
   size: Size.Size14
 });