@jetbrains/ring-ui 5.0.155 → 5.0.157

package/dist/tabs-ng/tabs-ng.js

@@ -1,3 +1,11 @@
+import { c as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.search.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.replace.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
@@ -7,12 +15,12 @@ import template from './tabs-ng__template.js';
  * @name Tabs Ng
  */
 
-const angularModule = angular.module('Ring.tabs', []);
+var angularModule = angular.module('Ring.tabs', []);
 angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDirective($location, $rootScope) {
   return {
     restrict: 'E',
     transclude: true,
-    template,
+    template: template,
     replace: true,
     scope: {
       tabParameter: '@',
@@ -31,8 +39,8 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
         if (newPane === $scope.current || newPane.ngDisabled) {
           return;
         }
-        for (let index = 0; index < $scope.panes.length; index++) {
-          const pane = $scope.panes[index];
+        for (var index = 0; index < $scope.panes.length; index++) {
+          var pane = $scope.panes[index];
 
           // Update current tab
           if (pane === newPane || pane.tabId === newPane) {
@@ -48,8 +56,8 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
         }
       }
       function getNextPaneIndex(reverseOrder) {
-        const currentTabIndex = $scope.panes.indexOf($scope.current);
-        let next = currentTabIndex;
+        var currentTabIndex = $scope.panes.indexOf($scope.current);
+        var next = currentTabIndex;
         do {
           next += reverseOrder ? -1 : 1;
         } while (next > -1 && next < $scope.panes.length && $scope.panes[next].ngDisabled);
@@ -66,9 +74,11 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
         return next;
       }
       function getCurrentTab() {
-        const currentTabId = getTabIdFromUrl();
+        var currentTabId = getTabIdFromUrl();
         if (currentTabId) {
-          const currentTab = $scope.panes.find(pane => pane.tabId === currentTabId);
+          var currentTab = $scope.panes.find(function (pane) {
+            return pane.tabId === currentTabId;
+          });
           if (currentTab && !currentTab.ngDisabled) {
             return currentTab;
           } else {
@@ -86,14 +96,14 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
           doSelect(getCurrentTab(), true);
         }
       }
-      this.addTab = tab => {
+      this.addTab = function (tab) {
         $scope.panes.push(tab);
         if ($scope.panes.length === 1 || tab.tabId === getTabIdFromUrl()) {
           doSelect(tab, true);
         }
       };
-      this.removeTab = tab => {
-        const index = $scope.panes.indexOf(tab);
+      this.removeTab = function (tab) {
+        var index = $scope.panes.indexOf(tab);
         $scope.panes.splice(index, 1);
         checkCurrentTab();
       };
@@ -105,23 +115,27 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
 
       // Exposed methods
       $scope.control = {};
-      $scope.control.isLast = () => $scope.panes.indexOf($scope.current) === $scope.panes.length - 1;
-      $scope.control.isFirst = () => $scope.panes.indexOf($scope.current) === 0;
-      $scope.control.select = pane => {
+      $scope.control.isLast = function () {
+        return $scope.panes.indexOf($scope.current) === $scope.panes.length - 1;
+      };
+      $scope.control.isFirst = function () {
+        return $scope.panes.indexOf($scope.current) === 0;
+      };
+      $scope.control.select = function (pane) {
         doSelect(pane, $scope.disableLocationChanging);
       };
-      $scope.control.next = () => {
-        const next = getNextPaneIndex();
+      $scope.control.next = function () {
+        var next = getNextPaneIndex();
         doSelect($scope.panes[next], $scope.disableLocationChanging);
       };
-      $scope.control.prev = () => {
-        const prev = getNextPaneIndex(true);
+      $scope.control.prev = function () {
+        var prev = getNextPaneIndex(true);
         doSelect($scope.panes[prev], $scope.disableLocationChanging);
       };
       $scope.keyMap = {
         next: $scope.control.next,
         prev: $scope.control.prev,
-        focus: () => {
+        focus: function focus() {
           $scope.focus = !$scope.focus;
           return !$scope.focus;
         }
@@ -132,10 +146,10 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
       // I think this bug depends on the frequency of addTab calls (actually on digests)
       // and ng-class detection of added and removed classes becomes broken.
       // @maxim.erekhinskiy
-      $scope.tabClass = pane => classNames(modules_02138f4a.title, modules_02138f4a.titleLegacy, {
-        [modules_02138f4a.selected]: pane.selected
-      });
-      this.$onInit = () => {
+      $scope.tabClass = function (pane) {
+        return classNames(modules_02138f4a.title, modules_02138f4a.titleLegacy, _defineProperty({}, modules_02138f4a.selected, pane.selected));
+      };
+      this.$onInit = function () {
         if (!$scope.tabParameter) {
           $scope.tabParameter = 'tab';
         }
@@ -160,7 +174,7 @@ angularModule.directive('rgTabsPane', function rgTabsPaneDirective() {
       scope.tabId = scope.tabId || scope.title.toLowerCase().replace(' ', '-');
       scope.tabIndex = scope.tabIndex ? +scope.tabIndex : 0;
       tabsCtrl.addTab(scope);
-      scope.$on('$destroy', () => {
+      scope.$on('$destroy', function () {
         tabsCtrl.removeTab(scope);
       });
     },

package/dist/tabs-ng/tabs-ng__template.js

@@ -1,40 +1,3 @@
-var template = `<div
-  ng-class=":: styles.tabs"
-  rg-shortcuts="ring-tabs"
-  shortcuts-map="keyMap"
-  shortcuts-focus="focus"
->
-  <div
-    ng-class=":: [styles.titles, tabsClass]"
-    role="tablist"
-  >
-    <button
-      role="tab"
-      type="button"
-      ng-repeat="pane in panes | orderBy:'tabIndex'"
-      ng-click="control.select(pane)"
-      ng-attr-tabindex="{{(pane.selected || pane.ngDisabled) ? -1 : 0}}"
-      ng-disabled="pane.ngDisabled"
-      data-test="ring-tab"
-      ng-attr-data-test-active="{{pane.selected  ? 'true' : 'false'}}"
-      ng-attr-class="{{ tabClass(pane) }}"
-    ><span
-      ng-class=":: styles.visible">{{pane.title}}<span
-      ng-class=":: styles.tabCounter"
-      ng-show="pane.counter !== undefined">{{ pane.counter }}</span
-    ></span><!--
-      hack for preserving constant tab width
-    --><span ng-class=":: styles.hidden">{{pane.title}}<span
-      ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
-      <span ng-class=":: styles.hiddenBold">{{pane.title}}<span
-        ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
-      <span ng-class=":: styles.hiddenRegular">{{pane.title}}<span
-        ng-class=":: styles.tabCounter" ng-show="pane.counter !== undefined">{{ pane.counter }}</span></span>
-    </button>
-  </div>
-
-  <div ng-transclude></div>
-
-</div>`;
+var template = "<div\n  ng-class=\":: styles.tabs\"\n  rg-shortcuts=\"ring-tabs\"\n  shortcuts-map=\"keyMap\"\n  shortcuts-focus=\"focus\"\n>\n  <div\n    ng-class=\":: [styles.titles, tabsClass]\"\n    role=\"tablist\"\n  >\n    <button\n      role=\"tab\"\n      type=\"button\"\n      ng-repeat=\"pane in panes | orderBy:'tabIndex'\"\n      ng-click=\"control.select(pane)\"\n      ng-attr-tabindex=\"{{(pane.selected || pane.ngDisabled) ? -1 : 0}}\"\n      ng-disabled=\"pane.ngDisabled\"\n      data-test=\"ring-tab\"\n      ng-attr-data-test-active=\"{{pane.selected  ? 'true' : 'false'}}\"\n      ng-attr-class=\"{{ tabClass(pane) }}\"\n    ><span\n      ng-class=\":: styles.visible\">{{pane.title}}<span\n      ng-class=\":: styles.tabCounter\"\n      ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span\n    ></span><!--\n      hack for preserving constant tab width\n    --><span ng-class=\":: styles.hidden\">{{pane.title}}<span\n      ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n      <span ng-class=\":: styles.hiddenBold\">{{pane.title}}<span\n        ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n      <span ng-class=\":: styles.hiddenRegular\">{{pane.title}}<span\n        ng-class=\":: styles.tabCounter\" ng-show=\"pane.counter !== undefined\">{{ pane.counter }}</span></span>\n    </button>\n  </div>\n\n  <div ng-transclude></div>\n\n</div>";
 
 export { template as default };

package/dist/tag/tag.js

@@ -1,4 +1,5 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, i as _extends } 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';
@@ -10,7 +11,16 @@ 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 '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
@@ -20,153 +30,180 @@ var modules_2f9be069 = {"unit":"i__const_unit_0","max-height":"20px","tag":"tag_
 /**
  * @name Tag
  */
-class Tag extends PureComponent {
-  static propTypes = {
-    onRemove: PropTypes.func,
-    onClick: PropTypes.func,
-    rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-    icon: PropTypes.string,
-    avatar: PropTypes.string,
-    rgTagTitle: PropTypes.string,
-    readOnly: PropTypes.bool,
-    disabled: PropTypes.bool,
-    focused: PropTypes.bool,
-    angled: PropTypes.bool,
-    backgroundColor: PropTypes.string,
-    textColor: PropTypes.string,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    render: PropTypes.func
-  };
-  static defaultProps = {
-    onRemove: () => {},
-    onClick: () => {},
-    readOnly: false,
-    disabled: false,
-    focused: false,
-    render: props => /*#__PURE__*/React.createElement("button", _extends({
-      type: "button"
-    }, props))
-  };
-  state = {
-    focused: false
-  };
-  componentDidUpdate(prevProps) {
-    if (this.props.focused !== prevProps.focused) {
-      this.setState({
-        focused: this.props.focused
-      });
+var Tag = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Tag, _PureComponent);
+  var _super = _createSuper(Tag);
+  function Tag() {
+    var _this;
+    _classCallCheck(this, Tag);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-    if (this.state.focused) {
-      this.tagNode?.focus();
-    }
-    this.setDocumentClickListener(this.state.focused);
-  }
-  componentWillUnmount() {
-    this.setDocumentClickListener(false);
-    this.setState({
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       focused: false
     });
+    _defineProperty(_assertThisInitialized(_this), "onDocumentClick", function (event) {
+      if (_this.tagNode) {
+        _this.setState({
+          focused: _this.tagNode === event.target
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "tagNode", void 0);
+    _defineProperty(_assertThisInitialized(_this), "tagRef", function (el) {
+      _this.tagNode = el;
+    });
+    return _this;
   }
-  onDocumentClick = event => {
-    if (this.tagNode) {
+  _createClass(Tag, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.focused !== prevProps.focused) {
+        this.setState({
+          focused: this.props.focused
+        });
+      }
+      if (this.state.focused) {
+        var _this$tagNode;
+        (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 ? void 0 : _this$tagNode.focus();
+      }
+      this.setDocumentClickListener(this.state.focused);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.setDocumentClickListener(false);
       this.setState({
-        focused: this.tagNode === event.target
+        focused: false
       });
     }
-  };
-  tagNode;
-  tagRef = el => {
-    this.tagNode = el;
-  };
-  setDocumentClickListener(setListener) {
-    if (setListener) {
-      document.addEventListener('click', this.onDocumentClick);
-    } else {
-      document.removeEventListener('click', this.onDocumentClick);
+  }, {
+    key: "setDocumentClickListener",
+    value: function setDocumentClickListener(setListener) {
+      if (setListener) {
+        document.addEventListener('click', this.onDocumentClick);
+      } else {
+        document.removeEventListener('click', this.onDocumentClick);
+      }
     }
-  }
-  renderCustomIcon() {
-    if (this.props.rgTagIcon) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        className: modules_2f9be069.icon,
-        title: this.props.rgTagTitle,
-        glyph: this.props.rgTagIcon
+  }, {
+    key: "renderCustomIcon",
+    value: function renderCustomIcon() {
+      if (this.props.rgTagIcon) {
+        return /*#__PURE__*/React.createElement(Icon, {
+          className: modules_2f9be069.icon,
+          title: this.props.rgTagTitle,
+          glyph: this.props.rgTagIcon
+        });
+      }
+      return null;
+    }
+  }, {
+    key: "_renderImageElement",
+    value: function _renderImageElement(avatarSrc) {
+      var _classNames;
+      var classes = classNames((_classNames = {}, _defineProperty(_classNames, modules_2f9be069.customIcon, this.props.icon), _defineProperty(_classNames, modules_2f9be069.avatarIcon, avatarSrc), _classNames));
+      return /*#__PURE__*/React.createElement("img", {
+        alt: avatarSrc ? 'Avatar' : 'Icon',
+        className: classes,
+        src: avatarSrc || this.props.icon
       });
     }
-    return null;
-  }
-  _renderImageElement(avatarSrc) {
-    const classes = classNames({
-      [modules_2f9be069.customIcon]: this.props.icon,
-      [modules_2f9be069.avatarIcon]: avatarSrc
-    });
-    return /*#__PURE__*/React.createElement("img", {
-      alt: avatarSrc ? 'Avatar' : 'Icon',
-      className: classes,
-      src: avatarSrc || this.props.icon
-    });
-  }
-  renderImage() {
-    if (this.props.icon && !this.props.avatar) {
-      return this._renderImageElement();
+  }, {
+    key: "renderImage",
+    value: function renderImage() {
+      if (this.props.icon && !this.props.avatar) {
+        return this._renderImageElement();
+      }
+      return null;
     }
-    return null;
-  }
-  renderAvatar() {
-    if (this.props.avatar) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: modules_2f9be069.avatarContainer
-      }, this._renderImageElement(this.props.avatar));
+  }, {
+    key: "renderAvatar",
+    value: function renderAvatar() {
+      if (this.props.avatar) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: modules_2f9be069.avatarContainer
+        }, this._renderImageElement(this.props.avatar));
+      }
+      return null;
     }
-    return null;
-  }
-  renderRemoveIcon() {
-    if (!this.props.readOnly) {
-      return /*#__PURE__*/React.createElement(Button, {
-        title: "Remove",
-        icon: closeIcon,
-        "data-test": "ring-tag-remove",
-        className: modules_2f9be069.remove,
-        iconClassName: modules_2f9be069.removeIcon,
-        onClick: this.props.onRemove,
+  }, {
+    key: "renderRemoveIcon",
+    value: function renderRemoveIcon() {
+      if (!this.props.readOnly) {
+        return /*#__PURE__*/React.createElement(Button, {
+          title: "Remove",
+          icon: closeIcon,
+          "data-test": "ring-tag-remove",
+          className: modules_2f9be069.remove,
+          iconClassName: modules_2f9be069.removeIcon,
+          onClick: this.props.onRemove,
+          style: {
+            '--ring-icon-secondary-color': this.props.textColor
+          },
+          height: ControlsHeight.M
+        });
+      }
+      return null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames2;
+      var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, (_classNames2 = {}, _defineProperty(_classNames2, modules_2f9be069.focused, this.state.focused), _defineProperty(_classNames2, modules_2f9be069.disabled, this.props.disabled), _defineProperty(_classNames2, modules_2f9be069.tagAngled, this.props.angled), _defineProperty(_classNames2, modules_2f9be069.withRemove, !this.props.readOnly), _classNames2), this.props.className);
+      var _this$props = this.props,
+        backgroundColor = _this$props.backgroundColor,
+        textColor = _this$props.textColor,
+        render = _this$props.render;
+      return /*#__PURE__*/React.createElement("span", {
+        className: modules_2f9be069.container
+      }, render({
+        'data-test': 'ring-tag',
+        className: classes,
+        ref: this.tagRef,
+        onClick: this.props.onClick,
         style: {
-          '--ring-icon-secondary-color': this.props.textColor
+          backgroundColor: backgroundColor,
+          color: textColor
         },
-        height: ControlsHeight.M
-      });
+        disabled: this.props.disabled,
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
+          className: modules_2f9be069.content
+        }, this.props.children))
+      }), this.renderRemoveIcon());
     }
-    return null;
-  }
-  render() {
-    const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-      [modules_2f9be069.focused]: this.state.focused,
-      [modules_2f9be069.disabled]: this.props.disabled,
-      [modules_2f9be069.tagAngled]: this.props.angled,
-      [modules_2f9be069.withRemove]: !this.props.readOnly
-    }, this.props.className);
-    const {
-      backgroundColor,
-      textColor,
-      render
-    } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
-      className: modules_2f9be069.container
-    }, render({
-      'data-test': 'ring-tag',
-      className: classes,
-      ref: this.tagRef,
-      onClick: this.props.onClick,
-      style: {
-        backgroundColor,
-        color: textColor
-      },
-      disabled: this.props.disabled,
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
-        className: modules_2f9be069.content
-      }, this.props.children))
-    }), this.renderRemoveIcon());
+  }]);
+  return Tag;
+}(PureComponent);
+_defineProperty(Tag, "propTypes", {
+  onRemove: PropTypes.func,
+  onClick: PropTypes.func,
+  rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  icon: PropTypes.string,
+  avatar: PropTypes.string,
+  rgTagTitle: PropTypes.string,
+  readOnly: PropTypes.bool,
+  disabled: PropTypes.bool,
+  focused: PropTypes.bool,
+  angled: PropTypes.bool,
+  backgroundColor: PropTypes.string,
+  textColor: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  render: PropTypes.func
+});
+_defineProperty(Tag, "defaultProps", {
+  onRemove: function onRemove() {},
+  onClick: function onClick() {},
+  readOnly: false,
+  disabled: false,
+  focused: false,
+  render: function render(props) {
+    return /*#__PURE__*/React.createElement("button", _extends({
+      type: "button"
+    }, props));
   }
-}
+});
 
 export { Tag as default };