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

package/dist/toggle/toggle.js

@@ -1,53 +1,69 @@
-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.object.values.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
-var modules_331c5aa7 = {"unit":"8px","padding":"2px","disabled-line-color":"rgba(255, 255, 255, 0.9)","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_773f","toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f","paleSwitch":"paleSwitch_rui_773f"};
+var modules_331c5aa7 = {"unit":"i__const_unit_0","padding":"2px","disabled-line-color":"rgba(255, 255, 255, 0.9)","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f","paleSwitch":"paleSwitch_rui_773f"};
 
-const Size = {
+var _excluded = ["className", "children", "disabled", "pale", "title", "leftLabel", "size", "data-test", "onTransitionEnd"];
+var Size = {
   Size14: modules_331c5aa7.size14,
   Size16: modules_331c5aa7.size16,
   Size20: modules_331c5aa7.size20
 };
-class Toggle extends PureComponent {
-  render() {
-    const {
-      className,
-      children,
-      disabled,
-      pale,
-      title,
-      leftLabel,
-      size = Size.Size16,
-      'data-test': dataTest,
-      onTransitionEnd,
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
-    return /*#__PURE__*/React.createElement("label", {
-      className: classes,
-      title: title,
-      "data-test": joinDataTestAttributes('ring-toggle', dataTest)
-    }, leftLabel && /*#__PURE__*/React.createElement("span", {
-      className: modules_331c5aa7.leftLabel
-    }, leftLabel), /*#__PURE__*/React.createElement("span", {
-      className: modules_331c5aa7.switchWrapper
-    }, /*#__PURE__*/React.createElement("input", _extends({
-      "data-test": "ring-toggle-input"
-    }, restProps, {
-      type: "checkbox",
-      disabled: disabled,
-      className: modules_331c5aa7.input
-    })), /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_331c5aa7.switch, pale && modules_331c5aa7.paleSwitch),
-      onTransitionEnd: onTransitionEnd
-    })), children && /*#__PURE__*/React.createElement("span", {
-      className: modules_331c5aa7.label
-    }, children));
+var Toggle = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Toggle, _PureComponent);
+  var _super = _createSuper(Toggle);
+  function Toggle() {
+    _classCallCheck(this, Toggle);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Toggle, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        children = _this$props.children,
+        disabled = _this$props.disabled,
+        pale = _this$props.pale,
+        title = _this$props.title,
+        leftLabel = _this$props.leftLabel,
+        _this$props$size = _this$props.size,
+        size = _this$props$size === void 0 ? Size.Size16 : _this$props$size,
+        dataTest = _this$props['data-test'],
+        onTransitionEnd = _this$props.onTransitionEnd,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
+      return /*#__PURE__*/React.createElement("label", {
+        className: classes,
+        title: title,
+        "data-test": joinDataTestAttributes('ring-toggle', dataTest)
+      }, leftLabel && /*#__PURE__*/React.createElement("span", {
+        className: modules_331c5aa7.leftLabel
+      }, leftLabel), /*#__PURE__*/React.createElement("span", {
+        className: modules_331c5aa7.switchWrapper
+      }, /*#__PURE__*/React.createElement("input", _extends({
+        "data-test": "ring-toggle-input"
+      }, restProps, {
+        type: "checkbox",
+        disabled: disabled,
+        className: modules_331c5aa7.input
+      })), /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_331c5aa7.switch, pale && modules_331c5aa7.paleSwitch),
+        onTransitionEnd: onTransitionEnd
+      })), children && /*#__PURE__*/React.createElement("span", {
+        className: modules_331c5aa7.label
+      }, children));
+    }
+  }]);
+  return Toggle;
+}(PureComponent);
 _defineProperty(Toggle, "propTypes", {
   children: PropTypes.node,
   name: PropTypes.string,

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

@@ -1,15 +1,28 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Toggle from '../toggle/toggle.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.object.values.js';
 import 'classnames';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 
 var toggleNg = angularComponentFactory(Toggle, 'Toggle').name;
 

package/dist/tooltip/tooltip.d.ts

@@ -59,7 +59,7 @@ export default class Tooltip extends Component<TooltipProps> {
     popupRef: (el: Popup | null) => void;
     onNestedTooltipShow: () => void;
     onNestedTooltipHide: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type TooltipAttrs = JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
 export {};

package/dist/tooltip/tooltip.js

@@ -1,4 +1,5 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,57 +7,87 @@ import Popup from '../popup/popup.js';
 import { Listeners } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import scheduleRAF from '../global/schedule-raf.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.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.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.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.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 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import 'core-js/modules/es.array.reduce.js';
 
-var modules_cd5e45a9 = {"unit":"8px","light":"light_rui_64ba","tooltip":"tooltip_rui_64ba","long":"long_rui_64ba"};
+var modules_cd5e45a9 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","tooltip":"tooltip_rui_64ba","long":"long_rui_64ba"};
 
-const scheduleScroll = scheduleRAF();
-const TooltipContext = /*#__PURE__*/createContext(undefined);
+var _excluded = ["children", "data-test", "title", "delay", "selfOverflowOnly", "popupProps", "long"];
+var scheduleScroll = scheduleRAF();
+var TooltipContext = /*#__PURE__*/createContext(undefined);
 /**
  * @name Tooltip
  */
-class Tooltip extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var Tooltip = /*#__PURE__*/function (_Component) {
+  _inherits(Tooltip, _Component);
+  var _super = _createSuper(Tooltip);
+  function Tooltip() {
+    var _this;
+    _classCallCheck(this, Tooltip);
+    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), "state", {
       showPopup: false,
       showNestedPopup: false
     });
-    _defineProperty(this, "timeout", void 0);
-    _defineProperty(this, "listeners", new Listeners());
-    _defineProperty(this, "containerNode", void 0);
-    _defineProperty(this, "containerRef", el => {
-      this.containerNode = el;
+    _defineProperty(_assertThisInitialized(_this), "timeout", void 0);
+    _defineProperty(_assertThisInitialized(_this), "listeners", new Listeners());
+    _defineProperty(_assertThisInitialized(_this), "containerNode", void 0);
+    _defineProperty(_assertThisInitialized(_this), "containerRef", function (el) {
+      _this.containerNode = el;
     });
-    _defineProperty(this, "tryToShowPopup", () => {
-      const {
-        delay,
-        title
-      } = this.props;
+    _defineProperty(_assertThisInitialized(_this), "tryToShowPopup", function () {
+      var _this$props = _this.props,
+        delay = _this$props.delay,
+        title = _this$props.title;
       if (!title) {
         return;
       }
       if (delay) {
-        this.timeout = window.setTimeout(this.showPopup, delay);
+        _this.timeout = window.setTimeout(_this.showPopup, delay);
       } else {
-        this.showPopup();
+        _this.showPopup();
       }
     });
-    _defineProperty(this, "showPopup", () => {
-      if (this.props.selfOverflowOnly) {
-        const {
-          containerNode
-        } = this;
+    _defineProperty(_assertThisInitialized(_this), "showPopup", function () {
+      var _this$context;
+      if (_this.props.selfOverflowOnly) {
+        var _assertThisInitialize = _assertThisInitialized(_this),
+          containerNode = _assertThisInitialize.containerNode;
         // rare cases when containerNode is null are possible;
         // probably the collision is due to the asynchronous nature of the code,
         // i.e. this code runs after the component is unmounted,
@@ -72,101 +103,113 @@ class Tooltip extends Component {
           return;
         }
       }
-      this.context?.onNestedTooltipShow();
-      this.setState({
+      (_this$context = _this.context) === null || _this$context === void 0 ? void 0 : _this$context.onNestedTooltipShow();
+      _this.setState({
         showPopup: true
       });
     });
-    _defineProperty(this, "hidePopup", () => {
-      clearTimeout(this.timeout);
-      this.context?.onNestedTooltipHide();
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "hidePopup", function () {
+      var _this$context2;
+      clearTimeout(_this.timeout);
+      (_this$context2 = _this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.onNestedTooltipHide();
+      _this.setState({
         showPopup: false
       });
     });
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
+    _defineProperty(_assertThisInitialized(_this), "popup", void 0);
+    _defineProperty(_assertThisInitialized(_this), "popupRef", function (el) {
+      _this.popup = el;
     });
-    _defineProperty(this, "onNestedTooltipShow", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "onNestedTooltipShow", function () {
+      _this.setState({
         showNestedPopup: true
       });
     });
-    _defineProperty(this, "onNestedTooltipHide", () => {
-      this.setState({
+    _defineProperty(_assertThisInitialized(_this), "onNestedTooltipHide", function () {
+      _this.setState({
         showNestedPopup: false
       });
     });
+    return _this;
   }
-  componentDidMount() {
-    if (this.props.title) {
-      this.addListeners();
+  _createClass(Tooltip, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.title) {
+        this.addListeners();
+      }
     }
-  }
-  componentDidUpdate(prevProps) {
-    if (!prevProps.title && this.props.title) {
-      this.addListeners();
-    } else if (prevProps.title && !this.props.title) {
-      this.listeners.removeAll();
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.title && this.props.title) {
+        this.addListeners();
+      } else if (prevProps.title && !this.props.title) {
+        this.listeners.removeAll();
+      }
     }
-  }
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-    this.listeners.removeAll();
-  }
-  addListeners() {
-    if (this.containerNode != null) {
-      this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
-      this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.timeout);
+      this.listeners.removeAll();
     }
-    this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
-      passive: true
-    });
-  }
-  render() {
-    const {
-      children,
-      'data-test': dataTest,
-      title,
-      delay,
-      selfOverflowOnly,
-      popupProps,
-      long,
-      ...restProps
-    } = this.props;
-    const ariaProps = typeof title === 'string' && !!title ? {
-      'aria-label': title,
-      role: 'tooltip'
-    } : {};
-    const {
-      onNestedTooltipShow,
-      onNestedTooltipHide
-    } = this;
-    return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
-      value: {
-        onNestedTooltipShow,
-        onNestedTooltipHide
+  }, {
+    key: "addListeners",
+    value: function addListeners() {
+      var _this2 = this;
+      if (this.containerNode != null) {
+        this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
+        this.listeners.add(this.containerNode, 'mouseout', this.hidePopup);
       }
-    }, /*#__PURE__*/React.createElement("span", _extends({}, ariaProps, restProps, {
-      ref: this.containerRef,
-      "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
-      "data-test-title": typeof title === 'string' ? title : undefined
-    }), children, /*#__PURE__*/React.createElement(Popup, _extends({
-      trapFocus: false,
-      hidden: !this.state.showPopup || this.state.showNestedPopup,
-      onCloseAttempt: this.hidePopup,
-      maxHeight: 400,
-      className: classNames(modules_cd5e45a9.tooltip, {
-        [modules_cd5e45a9.long]: long
-      }),
-      attached: false,
-      top: 4,
-      dontCloseOnAnchorClick: true,
-      ref: this.popupRef
-    }, popupProps), title)));
-  }
-}
+      this.listeners.add(document, 'scroll', function () {
+        return scheduleScroll(_this2.hidePopup);
+      }, {
+        passive: true
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        children = _this$props2.children,
+        dataTest = _this$props2['data-test'],
+        title = _this$props2.title;
+        _this$props2.delay;
+        _this$props2.selfOverflowOnly;
+        var popupProps = _this$props2.popupProps,
+        long = _this$props2.long,
+        restProps = _objectWithoutProperties(_this$props2, _excluded);
+      var ariaProps = typeof title === 'string' && !!title ? {
+        'aria-label': title,
+        role: 'tooltip'
+      } : {};
+      var onNestedTooltipShow = this.onNestedTooltipShow,
+        onNestedTooltipHide = this.onNestedTooltipHide;
+      return /*#__PURE__*/React.createElement(TooltipContext.Provider, {
+        value: {
+          onNestedTooltipShow: onNestedTooltipShow,
+          onNestedTooltipHide: onNestedTooltipHide
+        }
+      }, /*#__PURE__*/React.createElement("span", _extends({}, ariaProps, restProps, {
+        ref: this.containerRef,
+        "data-test": joinDataTestAttributes('ring-tooltip', dataTest),
+        "data-test-title": typeof title === 'string' ? title : undefined
+      }), children, /*#__PURE__*/React.createElement(Popup, _extends({
+        trapFocus: false,
+        hidden: !this.state.showPopup || this.state.showNestedPopup,
+        onCloseAttempt: this.hidePopup,
+        maxHeight: 400,
+        className: classNames(modules_cd5e45a9.tooltip, _defineProperty({}, modules_cd5e45a9.long, long)),
+        attached: false,
+        top: 4,
+        dontCloseOnAnchorClick: true,
+        ref: this.popupRef
+      }, popupProps), title)));
+    }
+  }]);
+  return Tooltip;
+}(Component);
 _defineProperty(Tooltip, "propTypes", {
   delay: PropTypes.number,
   selfOverflowOnly: PropTypes.bool,

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

@@ -1,22 +1,47 @@
+import { g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import angular from 'angular';
 import { createElement } from 'react';
 import classNames from 'classnames';
 import { render } from '../global/react-render-adapter.js';
 import Popup from '../popup/popup.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.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 '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import 'prop-types';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.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.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 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';
 
@@ -24,26 +49,26 @@ import '../popup/popup.target.js';
  * @name Tooltip Ng
 */
 
-const OPEN_CLASS = 'ring-tooltip-ng_open';
-const name = angular.module('Ring.tooltip', []);
+var OPEN_CLASS = 'ring-tooltip-ng_open';
+var 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 = () => {
+      var element = iElement[0];
+      var getTooltipText = function getTooltipText() {
         try {
           return scope.$eval(iAttrs.rgTooltip);
         } catch (err) {
           return iAttrs.rgTooltip;
         }
       };
-      const popupWrapper = new RgTooltipPopup(element, getTooltipText);
-      element.addEventListener('mouseover', () => {
+      var popupWrapper = new RgTooltipPopup(element, getTooltipText);
+      element.addEventListener('mouseover', function () {
         popupWrapper.displayTooltip(iAttrs.rgTooltipClass);
         element.classList.add(OPEN_CLASS);
       });
-      element.addEventListener('mouseout', () => {
+      element.addEventListener('mouseout', function () {
         popupWrapper.hideTooltip();
         element.classList.remove(OPEN_CLASS);
       });
@@ -53,39 +78,40 @@ name.directive('rgTooltip', ["RgTooltipPopup", function rgTooltipDirective(RgToo
 name.factory('RgTooltipPopup', function RgTooltipPopupDirective() {
   // eslint-disable-next-line func-names
   return function (anchorElement, textGetter) {
+    var _this = this;
     this.wrapperElement = document.createElement('span');
     this.defaultProps = {
-      anchorElement,
+      anchorElement: anchorElement,
       maxHeight: 400,
       attached: false,
       dontCloseOnAnchorClick: true,
       trapFocus: false
     };
-    this.renderPopup = props => render( /*#__PURE__*/createElement(Popup, {
-      ...this.defaultProps,
-      ...props,
-      ref: instance => {
-        if (instance != null) {
-          this.popup = instance;
+    this.renderPopup = function (props) {
+      return render( /*#__PURE__*/createElement(Popup, _objectSpread2(_objectSpread2(_objectSpread2({}, _this.defaultProps), props), {}, {
+        ref: function ref(instance) {
+          if (instance != null) {
+            _this.popup = instance;
+          }
         }
-      }
-    }, this.text), this.wrapperElement);
-    this.displayTooltip = customClass => {
-      const text = textGetter();
+      }), _this.text), _this.wrapperElement);
+    };
+    this.displayTooltip = function (customClass) {
+      var text = textGetter();
       if (!text) {
         return;
       }
-      this.text = text;
-      const className = classNames({
+      _this.text = text;
+      var className = classNames({
         'ring-tooltip-ng': true
       }, customClass);
-      this.renderPopup({
+      _this.renderPopup({
         hidden: false,
-        className
+        className: className
       });
     };
-    this.hideTooltip = () => {
-      this.renderPopup({
+    this.hideTooltip = function () {
+      _this.renderPopup({
         hidden: true
       });
     };