@jetbrains/ring-ui 4.1.0-beta.13 → 4.1.0-beta.17

package/dist/tabs/dumb-tabs.js

@@ -12,6 +12,7 @@ import { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '@jetbrains/icons/chevron-10px';
@@ -43,12 +44,15 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../avatar/fallback-avatar.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 '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -154,4 +158,4 @@ _defineProperty(Tabs, "Theme", Theme);
 
 var Tabs$1 = withTheme()(Tabs);
 
-export default Tabs$1;
+export { Tabs$1 as default };

package/dist/tabs/smart-tabs.js

@@ -11,6 +11,7 @@ import './tab-link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import './collapsible-tabs.js';
 import 'fastdom';
 import './collapsible-more.js';
@@ -43,12 +44,15 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../avatar/fallback-avatar.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 '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -97,4 +101,4 @@ _defineProperty(SmartTabs, "propTypes", {
   'data-test': PropTypes.string
 });
 
-export default SmartTabs;
+export { SmartTabs as default };

package/dist/tabs/tab-link.js

@@ -8,6 +8,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 
 function TabLink(_ref) {
   let {
@@ -37,4 +38,4 @@ TabLink.propTypes = {
 };
 var TabLink$1 = /*#__PURE__*/memo(TabLink);
 
-export default TabLink$1;
+export { TabLink$1 as default };

package/dist/tabs/tab.js

@@ -29,4 +29,4 @@ _defineProperty(Tab, "propTypes", {
   'data-test': PropTypes.string
 });
 
-export default Tab;
+export { Tab as default };

package/dist/tabs/tabs.js

@@ -14,6 +14,7 @@ import './tab-link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import './collapsible-tabs.js';
 import 'fastdom';
 import './collapsible-more.js';
@@ -46,12 +47,15 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import '../avatar/fallback-avatar.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 '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

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

@@ -0,0 +1,193 @@
+import angular from 'angular';
+import classNames from 'classnames';
+import { m as modules_02138f4a } from '../_helpers/tabs.js';
+import Theme from '../global/theme.js';
+import template from './tabs-ng__template.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
+
+/**
+ * @name Tabs Ng
+ */
+
+const angularModule = angular.module('Ring.tabs', []);
+angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDirective($location, $rootScope) {
+  return {
+    restrict: 'E',
+    transclude: true,
+    template,
+    replace: true,
+    scope: {
+      tabParameter: '@',
+      tabsClass: '=',
+      control: '=?',
+      disableLocationChanging: '=',
+      theme: '@?'
+    },
+    controller: ["$scope", function controller($scope) {
+      $scope.panes = [];
+      $scope.current = null;
+      $scope.styles = modules_02138f4a;
+      $scope.theme = $scope.theme || Theme.LIGHT;
+
+      function getTabIdFromUrl() {
+        return $location.search()[$scope.tabParameter];
+      }
+
+      function doSelect(newPane, skipUrlUpdate) {
+        if (newPane === $scope.current || newPane.ngDisabled) {
+          return;
+        }
+
+        for (let index = 0; index < $scope.panes.length; index++) {
+          const pane = $scope.panes[index]; // Update current tab
+
+          if (pane === newPane || pane.tabId === newPane) {
+            $scope.current = newPane;
+            pane.selected = true;
+
+            if (!skipUrlUpdate) {
+              $location.search($scope.tabParameter, newPane.tabId);
+            }
+          } else {
+            // Deselect all other
+            pane.selected = false;
+          }
+        }
+      }
+
+      function getNextPaneIndex(reverseOrder) {
+        const currentTabIndex = $scope.panes.indexOf($scope.current);
+        let next = currentTabIndex;
+
+        do {
+          next += reverseOrder ? -1 : 1;
+        } while (next > -1 && next < $scope.panes.length && $scope.panes[next].ngDisabled);
+
+        if (next >= $scope.panes.length) {
+          next = $scope.panes.length - 1;
+        } else if (next < 0) {
+          next = 0;
+        } // if no suitable tab found till the end of array
+
+
+        if ($scope.panes[next].ngDisabled) {
+          return currentTabIndex;
+        }
+
+        return next;
+      }
+
+      function getCurrentTab() {
+        const currentTabId = getTabIdFromUrl();
+
+        if (currentTabId) {
+          const currentTab = $scope.panes.find(pane => pane.tabId === currentTabId);
+
+          if (currentTab && !currentTab.ngDisabled) {
+            return currentTab;
+          } else {
+            return $scope.panes[getNextPaneIndex()];
+          }
+        } else {
+          return $scope.panes[0];
+        }
+      } // controller methods
+
+
+      function checkCurrentTab() {
+        if ($scope.panes.length) {
+          doSelect(getCurrentTab(), true);
+        }
+      }
+
+      this.addTab = 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);
+        $scope.panes.splice(index, 1);
+        checkCurrentTab();
+      };
+
+      this.checkPane = checkCurrentTab; // scope
+
+      $scope.$on('$destroy', $rootScope.$on('$routeUpdate', checkCurrentTab)); // 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 => {
+        doSelect(pane, $scope.disableLocationChanging);
+      };
+
+      $scope.control.next = () => {
+        const next = getNextPaneIndex();
+        doSelect($scope.panes[next], $scope.disableLocationChanging);
+      };
+
+      $scope.control.prev = () => {
+        const prev = getNextPaneIndex(true);
+        doSelect($scope.panes[prev], $scope.disableLocationChanging);
+      };
+
+      $scope.keyMap = {
+        next: $scope.control.next,
+        prev: $scope.control.prev,
+        focus: () => {
+          $scope.focus = !$scope.focus;
+          return !$scope.focus;
+        }
+      }; // For some reason ng-class doesn't work properly on tabs.
+      // From time to time several tabs look like selected despite correct scope state.
+      // 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 = () => {
+        if (!$scope.tabParameter) {
+          $scope.tabParameter = 'tab';
+        }
+      };
+    }]
+  };
+}]);
+angularModule.directive('rgTabsPane', function rgTabsPaneDirective() {
+  return {
+    require: '^rgTabs',
+    restrict: 'E',
+    transclude: true,
+    scope: {
+      title: '@',
+      counter: '@',
+      tabId: '@?',
+      tabIndex: '@?',
+      selected: '=?',
+      ngDisabled: '=?'
+    },
+    link: function link(scope, element, attrs, tabsCtrl) {
+      scope.tabId = scope.tabId || scope.title.toLowerCase().replace(' ', '-');
+      scope.tabIndex = scope.tabIndex ? +scope.tabIndex : 0;
+      tabsCtrl.addTab(scope);
+      scope.$on('$destroy', () => {
+        tabsCtrl.removeTab(scope);
+      });
+    },
+    template: '<div class="ring-tabs__content" ng-class="{\'ring-tabs__content_active\':selected}" ng-if="selected" ng-transclude></div>'
+  };
+});
+var tabsNg = angularModule.name;
+
+export { tabsNg as default };

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

@@ -0,0 +1,40 @@
+var template = `<div
+  ng-class=":: [styles.tabs, styles[theme]]"
+  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>`;
+
+export { template as default };

package/dist/tag/tag.js

@@ -7,7 +7,8 @@ import Icon from '../icon/icon.js';
 import Button from '../button/button.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -15,7 +16,7 @@ import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_2f9be069 = {"unit":"8px","resetButton":"global_resetButton__0f8f4370","background-color":"var(--ring-tag-background-color)","max-height":"20px","tag":"tag_tag__e2972246 global_resetButton__0f8f4370","withRemove":"tag_withRemove__e2972246","container":"tag_container__e2972246","focused":"tag_focused__e2972246","tagAngled":"tag_tagAngled__e2972246","content":"tag_content__e2972246 global_ellipsis__0f8f4370","disabled":"tag_disabled__e2972246","remove":"tag_remove__e2972246","removeIcon":"tag_removeIcon__e2972246","icon":"tag_icon__e2972246","avatarContainer":"tag_avatarContainer__e2972246","customIcon":"tag_customIcon__e2972246","avatarIcon":"tag_avatarIcon__e2972246"};
+var modules_2f9be069 = {"unit":"8px","resetButton":"global_resetButton__750f6947","background-color":"var(--ring-tag-background-color)","max-height":"20px","tag":"tag_tag__7f48f882 global_resetButton__750f6947","withRemove":"tag_withRemove__7f48f882","container":"tag_container__7f48f882","focused":"tag_focused__7f48f882","tagAngled":"tag_tagAngled__7f48f882","content":"tag_content__7f48f882 global_ellipsis__750f6947","disabled":"tag_disabled__7f48f882","remove":"tag_remove__7f48f882","removeIcon":"tag_removeIcon__7f48f882","icon":"tag_icon__7f48f882","avatarContainer":"tag_avatarContainer__7f48f882","customIcon":"tag_customIcon__7f48f882","avatarIcon":"tag_avatarIcon__7f48f882"};
 
 /**
  * @name Tag
@@ -192,4 +193,4 @@ _defineProperty(Tag, "defaultProps", {
   }, props))
 });
 
-export default Tag;
+export { Tag as default };

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

@@ -17,7 +17,8 @@ import '../_helpers/anchor.js';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../button/button.js';
 import 'focus-visible';
 import '../global/theme.js';
@@ -26,9 +27,10 @@ import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import '../popup/popup.js';
 import 'react-dom';
-import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -48,17 +50,20 @@ import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../list/list__title.js';
 import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../_helpers/input.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
 import '@jetbrains/icons/search';
@@ -84,10 +89,10 @@ function noop() {}
 
 const POPUP_VERTICAL_SHIFT = 2;
 class TagsInput extends PureComponent {
-  constructor() {
+  constructor(props) {
     var _this;
 
-    super(...arguments);
+    super(props);
     _this = this;
 
     _defineProperty(this, "state", {
@@ -104,8 +109,6 @@ class TagsInput extends PureComponent {
       this.node = node;
     });
 
-    _defineProperty(this, "ngModelStateField", TagsInput.ngModelStateField);
-
     _defineProperty(this, "focusInput", () => {
       this.getInputNode().focus();
     });
@@ -278,6 +281,8 @@ class TagsInput extends PureComponent {
     _defineProperty(this, "selectRef", el => {
       this.select = el;
     });
+
+    this.ngModelStateField = TagsInput.ngModelStateField;
   }
 
   static getDerivedStateFromProps(_ref, _ref2) {
@@ -470,5 +475,4 @@ _defineProperty(TagsInput, "ngModelStateField", 'tags');
 
 const RerenderableTagsInput = rerenderHOC(TagsInput);
 
-export default TagsInput;
-export { RerenderableTagsInput };
+export { RerenderableTagsInput, TagsInput as default };

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

@@ -0,0 +1,89 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import TagsInput from '../tags-input/tags-input.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'angular';
+import 'react';
+import 'react-dom';
+import '../global/ring-angular-component.js';
+import '../global/react-dom-renderer.js';
+import 'prop-types';
+import 'classnames';
+import '../global/get-event-key.js';
+import '../select/select.js';
+import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/close';
+import 'deep-equal';
+import '../dropdown/dropdown.js';
+import '../global/data-tests.js';
+import '../_helpers/anchor.js';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../button/button.js';
+import 'focus-visible';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../list/list.js';
+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 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+import '../list/list__custom.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../input/input.js';
+import '../_helpers/input.js';
+import '../global/rerender-hoc.js';
+import '../global/fuzzy-highlight.js';
+import '../select/select__popup.js';
+import '@jetbrains/icons/search';
+import '../loader-inline/loader-inline.js';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../shortcuts/shortcuts-hoc.js';
+import '../tags-list/tags-list.js';
+import '../tag/tag.js';
+import '../caret/caret.js';
+import '../text/text.js';
+import '../_helpers/select__filter.js';
+
+var tagsInputNg = angularComponentFactory(TagsInput, 'TagsInput').name;
+
+export { tagsInputNg as default };

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

@@ -7,7 +7,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
@@ -89,4 +90,4 @@ _defineProperty(TagsList, "defaultProps", {
   handleRemove: noop
 });
 
-export default TagsList;
+export { TagsList as default };

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

@@ -0,0 +1,70 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import RingAngularComponent from '../global/ring-angular-component.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(() => {
+        $element.html(template);
+        this.addInnerClass();
+        $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
+  };
+});
+var RingTemplateNg = angularModule.name;
+
+export { RingTemplateNg as default };

package/dist/text/text.js

@@ -33,4 +33,4 @@ _defineProperty(Text, "propTypes", {
   className: PropTypes.string
 });
 
-export default Text;
+export { Text as default };

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

@@ -0,0 +1,44 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 {
+        $scope
+      } = this.$inject;
+      $scope.$emit('change', {
+        prevTheme: typeof changes.theme.previousValue === 'string' && changes.theme.previousValue,
+        currentTheme: changes.theme.currentValue
+      });
+    }
+  }
+
+}
+
+_defineProperty(RingThemeComponent, "$inject", ['$scope', '$element']);
+
+_defineProperty(RingThemeComponent, "bindings", {
+  theme: '<'
+});
+
+angularModule.component('rgTheme', RingThemeComponent);
+var themeNg = angularModule.name;
+
+export { themeNg as default };