@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

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

@@ -1,4 +1,4 @@
-import { b as _extends, a as _objectWithoutProperties, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -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';
@@ -40,8 +41,7 @@ class TagsList extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       customTagComponent,
@@ -50,10 +50,9 @@ class TagsList extends Component {
       tagClassName,
       handleRemove,
       tags,
-      activeIndex
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["children", "className", "customTagComponent", "canNotBeEmpty", "handleClick", "tagClassName", "handleRemove", "tags", "activeIndex"]);
-
+      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({
@@ -91,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

@@ -1,9 +1,9 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_78d1bce6 = {"text":"text_text__bc47c17b","info":"text_info__bc47c17b"};
+var modules_78d1bce6 = {"text":"text_rui_bc47","info":"info_rui_bc47"};
 
 /**
  * @name Text
@@ -11,14 +11,12 @@ var modules_78d1bce6 = {"text":"text_text__bc47c17b","info":"text_info__bc47c17b
 
 class Text extends Component {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
-      info
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "info"]);
-
+      info,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_78d1bce6.text, className, {
       [modules_78d1bce6.info]: info
     });
@@ -35,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 };

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

@@ -0,0 +1,114 @@
+import angular from 'angular';
+
+const angularModule = angular.module('Ring.title', []);
+angularModule.directive('rgPageTitle', function rgPageTitleDirective() {
+  return {
+    scope: {
+      rgPageTitle: '@?',
+      noTitle: '@?',
+      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 elementText = element.textContent;
+      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
+
+        if (routeTitle !== false) {
+          if (angular.isArray(routeTitle) || angular.isFunction(routeTitle)) {
+            //Invoke injector
+            routeTitle = $injector.invoke(routeTitle);
+          }
+
+          pageTitle.addElement(routeTitle || $scope.noTitle);
+        }
+      });
+      $scope.$on('$destroy', () => {
+        offRouteWatch();
+        offScopeWatch();
+      });
+
+      this.$onInit = () => {
+        pageTitle.setDelimiter($scope.delimiter);
+
+        if ($attrs.rgPageTitle) {
+          offScopeWatch = $scope.$watch('rgPageTitle', newBaseTitle => {
+            pageTitle.setRootElement(newBaseTitle);
+          });
+        }
+      };
+    }]
+  };
+});
+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 => {
+        this.addElement(Data[fieldName || 'name']);
+      });
+    } else {
+      prepend(fieldName ? element[fieldName] : element);
+    }
+  };
+
+  this.updateElement = (element, fieldName) => {
+    if (element.$promise) {
+      element.$promise.then(Data => {
+        this.updateElement(Data[fieldName || 'name']);
+      });
+    } else {
+      replacePart(fieldName ? element[fieldName] : element);
+    }
+  };
+
+  this.setRootElement = element => {
+    replacePart(element, -1);
+  };
+}]);
+var titleNg = angularModule.name;
+
+export { titleNg as default };

package/dist/toggle/toggle.js

@@ -1,11 +1,11 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { withTheme } from '../global/theme.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 
-var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"hsla(0,0%,100%,.9)","duration":".3s","timing-function":"cubic-bezier(.23,1,.32,1)","toggle":"toggle_toggle__ca2e3a7a","switch":"toggle_switch__ca2e3a7a","disabled":"toggle_disabled__ca2e3a7a","label":"toggle_label__ca2e3a7a","leftLabel":"toggle_leftLabel__ca2e3a7a","light":"toggle_light__ca2e3a7a","dark":"toggle_dark__ca2e3a7a","switchWrapper":"toggle_switchWrapper__ca2e3a7a","input":"toggle_input__ca2e3a7a","size20":"toggle_size20__ca2e3a7a","paleSwitch":"toggle_paleSwitch__ca2e3a7a"};
+var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"hsla(0,0%,100%,.9)","duration":".3s","timing-function":"cubic-bezier(.23,1,.32,1)","toggle":"toggle_rui_ca2e","switch":"switch_rui_ca2e","disabled":"disabled_rui_ca2e","label":"label_rui_ca2e","leftLabel":"leftLabel_rui_ca2e","light":"light_rui_ca2e","dark":"dark_rui_ca2e","switchWrapper":"switchWrapper_rui_ca2e","input":"input_rui_ca2e","size20":"size20_rui_ca2e","paleSwitch":"paleSwitch_rui_ca2e"};
 
 const Size = {
   Size16: modules_331c5aa7.size16,
@@ -17,8 +17,7 @@ const Size = {
 
 class Toggle extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       className,
       children,
       disabled,
@@ -28,10 +27,9 @@ class Toggle extends PureComponent {
       theme,
       size = Size.Size16,
       'data-test': dataTest,
-      onTransitionEnd
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "children", "disabled", "pale", "title", "leftLabel", "theme", "size", "data-test", "onTransitionEnd"]);
-
+      onTransitionEnd,
+      ...restProps
+    } = this.props;
     const classes = classNames(className, size, modules_331c5aa7.toggle, modules_331c5aa7[theme], disabled && modules_331c5aa7.disabled);
     return /*#__PURE__*/React.createElement("label", {
       className: classes,
@@ -74,7 +72,6 @@ _defineProperty(Toggle, "propTypes", {
   'data-test': PropTypes.string
 });
 
-var toggle = withTheme()(Toggle);
+var Toggle$1 = withTheme()(Toggle);
 
-export default toggle;
-export { Size };
+export { Size, Toggle$1 as default };

package/dist/toggle-ng/toggle-ng.js

@@ -0,0 +1,16 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import Toggle from '../toggle/toggle.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/theme.js';
+import '../global/data-tests.js';
+
+var toggleNg = angularComponentFactory(Toggle, 'Toggle').name;
+
+export { toggleNg as default };

package/dist/tooltip/tooltip.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
 import Popup from '../popup/popup.js';
@@ -18,7 +18,7 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 
-var modules_cd5e45a9 = {"unit":"8px","tooltip":"tooltip_tooltip__b9231867"};
+var modules_cd5e45a9 = {"unit":"8px","tooltip":"tooltip_rui_b923"};
 
 const scheduleScroll = scheduleRAF();
 const TooltipContext = /*#__PURE__*/createContext();
@@ -144,17 +144,19 @@ class Tooltip extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       'data-test': dataTest,
       title,
       delay,
       selfOverflowOnly,
-      popupProps
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps"]);
-
+      popupProps,
+      ...restProps
+    } = this.props;
+    const ariaProps = typeof title === 'string' && !!title ? {
+      'aria-label': title,
+      role: 'tooltip'
+    } : {};
     const {
       onNestedTooltipShow,
       onNestedTooltipHide
@@ -164,10 +166,10 @@ class Tooltip extends Component {
         onNestedTooltipShow,
         onNestedTooltipHide
       }
-    }, /*#__PURE__*/React.createElement("span", _extends({}, restProps, {
+    }, /*#__PURE__*/React.createElement("span", _extends({}, ariaProps, restProps, {
       ref: this.containerRef,
       "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
-      "data-test-title": title
+      "data-test-title": typeof title === 'string' ? title : undefined
     }), children, /*#__PURE__*/React.createElement(Popup, _extends({
       trapFocus: false,
       hidden: !this.state.showPopup || this.state.showNestedPopup,
@@ -187,7 +189,7 @@ _defineProperty(Tooltip, "propTypes", {
   delay: PropTypes.number,
   selfOverflowOnly: PropTypes.bool,
   popupProps: PropTypes.object,
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  title: PropTypes.node,
   children: PropTypes.node,
   'data-test': PropTypes.string
 });
@@ -202,4 +204,4 @@ _defineProperty(Tooltip, "PopupProps", Popup.PopupProps);
 
 _defineProperty(Tooltip, "contextType", TooltipContext);
 
-export default Tooltip;
+export { Tooltip as default };

package/dist/tooltip-ng/tooltip-ng.js

@@ -0,0 +1,98 @@
+import angular from 'angular';
+import { createElement } from 'react';
+import { render } from 'react-dom';
+import classNames from 'classnames';
+import Popup from '../popup/popup.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'prop-types';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/data-tests.js';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+
+/**
+ * @name Tooltip Ng
+*/
+
+const OPEN_CLASS = 'ring-tooltip-ng_open';
+const name = angular.module('Ring.tooltip', []);
+name.directive('rgTooltip', ["RgTooltipPopup", function rgTooltipDirective(RgTooltipPopup) {
+  return {
+    restrict: 'A',
+    link: function link(scope, iElement, iAttrs) {
+      const element = iElement[0];
+
+      const getTooltipText = () => {
+        try {
+          return scope.$eval(iAttrs.rgTooltip);
+        } catch (err) {
+          return iAttrs.rgTooltip;
+        }
+      };
+
+      const popupWrapper = new RgTooltipPopup(element, getTooltipText);
+      element.addEventListener('mouseover', () => {
+        popupWrapper.displayTooltip(iAttrs.rgTooltipClass);
+        element.classList.add(OPEN_CLASS);
+      });
+      element.addEventListener('mouseout', () => {
+        popupWrapper.hideTooltip();
+        element.classList.remove(OPEN_CLASS);
+      });
+    }
+  };
+}]);
+name.factory('RgTooltipPopup', function RgTooltipPopupDirective() {
+  // eslint-disable-next-line func-names
+  return function (anchorElement, textGetter) {
+    this.wrapperElement = document.createElement('span');
+    this.defaultProps = {
+      anchorElement,
+      maxHeight: 400,
+      attached: false,
+      dontCloseOnAnchorClick: true,
+      trapFocus: false
+    };
+
+    this.renderPopup = props => {
+      this.popup = render( /*#__PURE__*/createElement(Popup, { ...this.defaultProps,
+        ...props
+      }, this.text), this.wrapperElement);
+    };
+
+    this.displayTooltip = customClass => {
+      const text = textGetter();
+
+      if (!text) {
+        return;
+      }
+
+      this.text = text;
+      const className = classNames({
+        'ring-tooltip-ng': true
+      }, customClass);
+      this.renderPopup({
+        hidden: false,
+        className
+      });
+    };
+
+    this.hideTooltip = () => {
+      this.renderPopup({
+        hidden: true
+      });
+    };
+  };
+});
+var tooltipNg = name.name;
+
+export { tooltipNg as default };