@jetbrains/ring-ui 5.0.126 → 5.0.128

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

@@ -1,6 +1,5 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Toggle from '../toggle/toggle.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.js';
@@ -8,6 +7,7 @@ import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '../global/data-tests.js';
 

package/dist/tooltip/tooltip.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -26,79 +26,23 @@ const TooltipContext = /*#__PURE__*/createContext(undefined);
  * @name Tooltip
  */
 class Tooltip extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(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(this, "tryToShowPopup", () => {
-      const {
-        delay,
-        title
-      } = this.props;
-      if (!title) {
-        return;
-      }
-      if (delay) {
-        this.timeout = window.setTimeout(this.showPopup, delay);
-      } else {
-        this.showPopup();
-      }
-    });
-    _defineProperty(this, "showPopup", () => {
-      if (this.props.selfOverflowOnly) {
-        const {
-          containerNode
-        } = this;
-        // 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,
-        // although at first glance it looks unlikely.
-        if (!containerNode) {
-          return;
-        }
-        // inline element?
-        if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
-          return;
-        }
-        if (containerNode.scrollWidth <= containerNode.clientWidth && containerNode.scrollHeight <= containerNode.clientHeight) {
-          return;
-        }
-      }
-      this.context?.onNestedTooltipShow();
-      this.setState({
-        showPopup: true
-      });
-    });
-    _defineProperty(this, "hidePopup", () => {
-      clearTimeout(this.timeout);
-      this.context?.onNestedTooltipHide();
-      this.setState({
-        showPopup: false
-      });
-    });
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-    });
-    _defineProperty(this, "onNestedTooltipShow", () => {
-      this.setState({
-        showNestedPopup: true
-      });
-    });
-    _defineProperty(this, "onNestedTooltipHide", () => {
-      this.setState({
-        showNestedPopup: false
-      });
-    });
-  }
+  static propTypes = {
+    delay: PropTypes.number,
+    selfOverflowOnly: PropTypes.bool,
+    popupProps: PropTypes.object,
+    title: PropTypes.node,
+    children: PropTypes.node,
+    'data-test': PropTypes.string
+  };
+  static defaultProps = {
+    title: '',
+    selfOverflowOnly: false,
+    popupProps: {}
+  };
+  state = {
+    showPopup: false,
+    showNestedPopup: false
+  };
   componentDidMount() {
     if (this.props.title) {
       this.addListeners();
@@ -115,6 +59,60 @@ class Tooltip extends Component {
     clearTimeout(this.timeout);
     this.listeners.removeAll();
   }
+  static PopupProps = Popup.PopupProps;
+  static contextType = TooltipContext;
+  timeout;
+  listeners = new Listeners();
+  containerNode;
+  containerRef = el => {
+    this.containerNode = el;
+  };
+  tryToShowPopup = () => {
+    const {
+      delay,
+      title
+    } = this.props;
+    if (!title) {
+      return;
+    }
+    if (delay) {
+      this.timeout = window.setTimeout(this.showPopup, delay);
+    } else {
+      this.showPopup();
+    }
+  };
+  showPopup = () => {
+    if (this.props.selfOverflowOnly) {
+      const {
+        containerNode
+      } = this;
+      // 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,
+      // although at first glance it looks unlikely.
+      if (!containerNode) {
+        return;
+      }
+      // inline element?
+      if (containerNode.clientWidth === 0 && containerNode.clientHeight === 0) {
+        return;
+      }
+      if (containerNode.scrollWidth <= containerNode.clientWidth && containerNode.scrollHeight <= containerNode.clientHeight) {
+        return;
+      }
+    }
+    this.context?.onNestedTooltipShow();
+    this.setState({
+      showPopup: true
+    });
+  };
+  hidePopup = () => {
+    clearTimeout(this.timeout);
+    this.context?.onNestedTooltipHide();
+    this.setState({
+      showPopup: false
+    });
+  };
   addListeners() {
     if (this.containerNode != null) {
       this.listeners.add(this.containerNode, 'mouseover', this.tryToShowPopup);
@@ -124,6 +122,20 @@ class Tooltip extends Component {
       passive: true
     });
   }
+  popup;
+  popupRef = el => {
+    this.popup = el;
+  };
+  onNestedTooltipShow = () => {
+    this.setState({
+      showNestedPopup: true
+    });
+  };
+  onNestedTooltipHide = () => {
+    this.setState({
+      showNestedPopup: false
+    });
+  };
   render() {
     const {
       children,
@@ -167,20 +179,5 @@ class Tooltip extends Component {
     }, popupProps), title)));
   }
 }
-_defineProperty(Tooltip, "propTypes", {
-  delay: PropTypes.number,
-  selfOverflowOnly: PropTypes.bool,
-  popupProps: PropTypes.object,
-  title: PropTypes.node,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
-_defineProperty(Tooltip, "defaultProps", {
-  title: '',
-  selfOverflowOnly: false,
-  popupProps: {}
-});
-_defineProperty(Tooltip, "PopupProps", Popup.PopupProps);
-_defineProperty(Tooltip, "contextType", TooltipContext);
 
 export { Tooltip as default };

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

@@ -4,7 +4,6 @@ import classNames from 'classnames';
 import { render } from '../global/react-render-adapter.js';
 import Popup from '../popup/popup.js';
 import 'react-dom';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -16,6 +15,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';

package/dist/user-agreement/service.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { render, unmountComponentAtNode } from '../global/react-render-adapter.js';
 import ActualStorage from '../storage/storage.js';
@@ -12,6 +11,7 @@ import 'react-dom';
 import '../storage/storage__local.js';
 import '../storage/storage__fallback.js';
 import 'deep-equal';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/get-uid.js';
 import '../alert/container.js';
 import 'classnames';
@@ -92,150 +92,166 @@ const DEFAULT_AGREEMENT = {
   text: ''
 };
 class UserAgreementService {
+  config;
   constructor(config) {
-    var _this = this;
-    _defineProperty(this, "config", void 0);
-    _defineProperty(this, "_dialogPromise", null);
-    _defineProperty(this, "_alertPromise", null);
-    _defineProperty(this, "tabId", Math.random());
-    _defineProperty(this, "interval", ONE_HOUR);
-    _defineProperty(this, "container", document.createElement('div'));
-    _defineProperty(this, "storage", new ActualStorage());
-    _defineProperty(this, "checkingPromise", null);
-    _defineProperty(this, "guest", false);
-    _defineProperty(this, "userAgreement", DEFAULT_AGREEMENT);
-    _defineProperty(this, "userConsent", DEFAULT_CONSENT);
-    _defineProperty(this, "intervalId", void 0);
-    _defineProperty(this, "startChecking", () => {
-      this.intervalId = window.setInterval(this.checkConsentAndShowDialog, this.interval);
-      window.addEventListener('storage', this.onStorageEvent);
-      this.checkConsentAndShowDialog();
-    });
-    _defineProperty(this, "stopChecking", () => {
-      clearInterval(this.intervalId);
-      window.removeEventListener('storage', this.onStorageEvent);
-      this.hideDialog();
-    });
-    _defineProperty(this, "onStorageEvent", event => {
-      if (event.key === storageKey && event.newValue != null) {
-        const {
-          tabId,
-          command
-        } = JSON.parse(event.newValue);
-        if (tabId !== this.tabId) {
-          if (command === showMessage) {
-            this.checkConsentAndShowDialog(true);
-          } else if (command === hideMessage) {
-            this.hideDialogAndAlert(true);
-          }
-        }
-      }
-    });
-    _defineProperty(this, "_notifyAboutShowing", () => {
-      localStorage.setItem(storageKey, JSON.stringify({
-        command: showMessage,
-        tabId: this.tabId
-      }));
-    });
-    _defineProperty(this, "_notifyAboutHiding", () => {
-      localStorage.setItem(storageKey, JSON.stringify({
-        command: hideMessage,
-        tabId: this.tabId
-      }));
-    });
-    _defineProperty(this, "getUserAgreement", async () => {
-      this.userAgreement = (await this.config.getUserAgreement()) || DEFAULT_AGREEMENT;
-      return this.userAgreement;
-    });
-    _defineProperty(this, "getUserConsent", async () => {
+    if (!config) {
+      throw new Error('Please pass a config to UserAgreementService');
+    }
+    if (!config.getUserAgreement) {
+      throw new Error('Please pass a "getUserAgreement" option to UserAgreementService');
+    }
+    if (!config.getUserConsent) {
+      throw new Error('Please pass a "getUserConsent" option to UserAgreementService');
+    }
+    if (!config.setUserConsent) {
+      throw new Error('Please pass a "setUserConsent" option to UserAgreementService');
+    }
+    this.config = config;
+    this.interval = config.interval || this.interval;
+  }
+  _dialogPromise = null;
+  _alertPromise = null;
+  tabId = Math.random();
+  interval = ONE_HOUR;
+  container = document.createElement('div');
+  storage = new ActualStorage();
+  checkingPromise = null;
+  guest = false;
+  userAgreement = DEFAULT_AGREEMENT;
+  userConsent = DEFAULT_CONSENT;
+  intervalId;
+  startChecking = () => {
+    this.intervalId = window.setInterval(this.checkConsentAndShowDialog, this.interval);
+    window.addEventListener('storage', this.onStorageEvent);
+    this.checkConsentAndShowDialog();
+  };
+  stopChecking = () => {
+    clearInterval(this.intervalId);
+    window.removeEventListener('storage', this.onStorageEvent);
+    this.hideDialog();
+  };
+  onStorageEvent = event => {
+    if (event.key === storageKey && event.newValue != null) {
       const {
-        guest,
-        endUserAgreementConsent
-      } = await this.config.getUserConsent();
-      this.guest = guest;
-      if (guest) {
-        this.userConsent = (await this.storage.get(GUEST_SESSION_KEY)) || this.userConsent;
-      } else {
-        this.userConsent = endUserAgreementConsent || this.userConsent;
-      }
-      return this.userConsent;
-    });
-    _defineProperty(this, "checkConsentAndShowDialog", async withoutNotifications => {
-      if (await this.checkConsent()) {
-        return this.hideDialogAndAlert(withoutNotifications);
-      } else {
-        return this.showDialogOrAlert(withoutNotifications);
-      }
-    });
-    _defineProperty(this, "checkConsent", async () => {
-      if (!this.checkingPromise) {
-        this.checkingPromise = Promise.all([this.getUserAgreement(), this.getUserConsent()]);
+        tabId,
+        command
+      } = JSON.parse(event.newValue);
+      if (tabId !== this.tabId) {
+        if (command === showMessage) {
+          this.checkConsentAndShowDialog(true);
+        } else if (command === hideMessage) {
+          this.hideDialogAndAlert(true);
+        }
       }
-      const [userAgreement, userConsent] = await this.checkingPromise;
-      this.checkingPromise = null;
-      const {
-        enabled,
-        majorVersion: actualVersion
-      } = userAgreement;
+    }
+  };
+  _notifyAboutShowing = () => {
+    localStorage.setItem(storageKey, JSON.stringify({
+      command: showMessage,
+      tabId: this.tabId
+    }));
+  };
+  _notifyAboutHiding = () => {
+    localStorage.setItem(storageKey, JSON.stringify({
+      command: hideMessage,
+      tabId: this.tabId
+    }));
+  };
+  getUserAgreement = async () => {
+    this.userAgreement = (await this.config.getUserAgreement()) || DEFAULT_AGREEMENT;
+    return this.userAgreement;
+  };
+  getUserConsent = async () => {
+    const {
+      guest,
+      endUserAgreementConsent
+    } = await this.config.getUserConsent();
+    this.guest = guest;
+    if (guest) {
+      this.userConsent = (await this.storage.get(GUEST_SESSION_KEY)) || this.userConsent;
+    } else {
+      this.userConsent = endUserAgreementConsent || this.userConsent;
+    }
+    return this.userConsent;
+  };
+  checkConsentAndShowDialog = async withoutNotifications => {
+    if (await this.checkConsent()) {
+      return this.hideDialogAndAlert(withoutNotifications);
+    } else {
+      return this.showDialogOrAlert(withoutNotifications);
+    }
+  };
+  checkConsent = async () => {
+    if (!this.checkingPromise) {
+      this.checkingPromise = Promise.all([this.getUserAgreement(), this.getUserConsent()]);
+    }
+    const [userAgreement, userConsent] = await this.checkingPromise;
+    this.checkingPromise = null;
+    const {
+      enabled,
+      majorVersion: actualVersion
+    } = userAgreement;
+    const {
+      accepted,
+      majorVersion: acceptedVersion
+    } = userConsent;
+    return !enabled || accepted && actualVersion === acceptedVersion;
+  };
+  alertKey;
+  showAlert = withoutNotifications => {
+    if (this._alertPromise) {
+      return this._alertPromise;
+    }
+    this._alertPromise = new Promise((resolve, reject) => {
       const {
-        accepted,
-        majorVersion: acceptedVersion
-      } = userConsent;
-      return !enabled || accepted && actualVersion === acceptedVersion;
-    });
-    _defineProperty(this, "alertKey", void 0);
-    _defineProperty(this, "showAlert", withoutNotifications => {
-      if (this._alertPromise) {
-        return this._alertPromise;
-      }
-      this._alertPromise = new Promise((resolve, reject) => {
-        const {
-          userAgreement,
-          reviewNow,
-          remindLater
-        } = this.config.translations || {};
-        const onRemind = () => {
-          this.hideDialogAndAlert(withoutNotifications);
-          reject('Postponed');
-        };
-        const onReview = async () => {
-          await this.showDialog(true, false, {
-            onRemindLater: onRemind
-          });
-          this.hideAlert(withoutNotifications);
-          resolve();
-        };
-        const message = /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement("span", null, userAgreement || 'User Agreement'), /*#__PURE__*/React.createElement(Link, {
-          onClick: onReview,
-          "data-test": "review"
-        }, reviewNow || 'Review now'), /*#__PURE__*/React.createElement(Link, {
-          onClick: onRemind,
-          "data-test": "later"
-        }, remindLater || 'Remind me later'));
-        this.alertKey = alertService.addAlert(message, Alert.Type.WARNING, 0, {
-          closeable: false
+        userAgreement,
+        reviewNow,
+        remindLater
+      } = this.config.translations || {};
+      const onRemind = () => {
+        this.hideDialogAndAlert(withoutNotifications);
+        reject('Postponed');
+      };
+      const onReview = async () => {
+        await this.showDialog(true, false, {
+          onRemindLater: onRemind
         });
+        this.hideAlert(withoutNotifications);
+        resolve();
+      };
+      const message = /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement("span", null, userAgreement || 'User Agreement'), /*#__PURE__*/React.createElement(Link, {
+        onClick: onReview,
+        "data-test": "review"
+      }, reviewNow || 'Review now'), /*#__PURE__*/React.createElement(Link, {
+        onClick: onRemind,
+        "data-test": "later"
+      }, remindLater || 'Remind me later'));
+      this.alertKey = alertService.addAlert(message, Alert.Type.WARNING, 0, {
+        closeable: false
       });
-      if (!withoutNotifications) {
-        this._notifyAboutShowing();
-      }
-      return this._alertPromise;
     });
-    _defineProperty(this, "hideAlert", withoutNotifications => {
-      const {
-        onRemindLater
-      } = this.config;
-      alertService.remove(this.alertKey);
-      this.alertKey = null;
-      this._alertPromise = null;
-      if (onRemindLater) {
-        onRemindLater();
-      }
-      if (!withoutNotifications) {
-        this._notifyAboutHiding();
-      }
-    });
-    _defineProperty(this, "showDialog", function (withoutNotifications) {
+    if (!withoutNotifications) {
+      this._notifyAboutShowing();
+    }
+    return this._alertPromise;
+  };
+  hideAlert = withoutNotifications => {
+    const {
+      onRemindLater
+    } = this.config;
+    alertService.remove(this.alertKey);
+    this.alertKey = null;
+    this._alertPromise = null;
+    if (onRemindLater) {
+      onRemindLater();
+    }
+    if (!withoutNotifications) {
+      this._notifyAboutHiding();
+    }
+  };
+  showDialog = (() => {
+    var _this = this;
+    return function (withoutNotifications) {
       let preview = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       let restOptions = arguments.length > 2 ? arguments[2] : undefined;
       const {
@@ -279,78 +295,64 @@ class UserAgreementService {
         }
       }
       return _this._dialogPromise;
-    });
-    _defineProperty(this, "hideDialog", withoutNotifications => {
-      const {
-        onDialogHide
-      } = this.config;
-      unmountComponentAtNode(this.container);
-      if (onDialogHide) {
-        onDialogHide();
-        this._dialogPromise = null;
-        if (!withoutNotifications) {
-          this._notifyAboutHiding();
-        }
-      }
-    });
-    _defineProperty(this, "showDialogOrAlert", (withoutNotifications, preview, restOptions) => {
-      if (this.guest && !this.userAgreement.requiredForREST) {
-        return this.showAlert(withoutNotifications);
-      }
-      return this.showDialog(withoutNotifications, preview, restOptions);
-    });
-    _defineProperty(this, "hideDialogAndAlert", withoutNotifications => {
-      this.hideAlert(withoutNotifications);
-      this.hideDialog(withoutNotifications);
-    });
-    _defineProperty(this, "onAccept", async () => {
-      const {
-        setUserConsent,
-        onAccept
-      } = this.config;
-      if (this.guest) {
-        const {
-          majorVersion,
-          minorVersion
-        } = this.userAgreement;
-        this.userConsent = {
-          majorVersion,
-          minorVersion,
-          accepted: true
-        };
-        await this.storage.set(GUEST_SESSION_KEY, this.userConsent);
-      } else {
-        this.userConsent = await setUserConsent();
-      }
-      this.hideDialog();
-      if (onAccept) {
-        onAccept();
-      }
-    });
-    _defineProperty(this, "onDecline", () => {
-      const {
-        onDecline
-      } = this.config;
-      this.hideDialog();
-      if (onDecline) {
-        onDecline();
+    };
+  })();
+  hideDialog = withoutNotifications => {
+    const {
+      onDialogHide
+    } = this.config;
+    unmountComponentAtNode(this.container);
+    if (onDialogHide) {
+      onDialogHide();
+      this._dialogPromise = null;
+      if (!withoutNotifications) {
+        this._notifyAboutHiding();
       }
-    });
-    if (!config) {
-      throw new Error('Please pass a config to UserAgreementService');
     }
-    if (!config.getUserAgreement) {
-      throw new Error('Please pass a "getUserAgreement" option to UserAgreementService');
+  };
+  showDialogOrAlert = (withoutNotifications, preview, restOptions) => {
+    if (this.guest && !this.userAgreement.requiredForREST) {
+      return this.showAlert(withoutNotifications);
     }
-    if (!config.getUserConsent) {
-      throw new Error('Please pass a "getUserConsent" option to UserAgreementService');
+    return this.showDialog(withoutNotifications, preview, restOptions);
+  };
+  hideDialogAndAlert = withoutNotifications => {
+    this.hideAlert(withoutNotifications);
+    this.hideDialog(withoutNotifications);
+  };
+  onAccept = async () => {
+    const {
+      setUserConsent,
+      onAccept
+    } = this.config;
+    if (this.guest) {
+      const {
+        majorVersion,
+        minorVersion
+      } = this.userAgreement;
+      this.userConsent = {
+        majorVersion,
+        minorVersion,
+        accepted: true
+      };
+      await this.storage.set(GUEST_SESSION_KEY, this.userConsent);
+    } else {
+      this.userConsent = await setUserConsent();
     }
-    if (!config.setUserConsent) {
-      throw new Error('Please pass a "setUserConsent" option to UserAgreementService');
+    this.hideDialog();
+    if (onAccept) {
+      onAccept();
     }
-    this.config = config;
-    this.interval = config.interval || this.interval;
-  }
+  };
+  onDecline = () => {
+    const {
+      onDecline
+    } = this.config;
+    this.hideDialog();
+    if (onDecline) {
+      onDecline();
+    }
+  };
 }
 
 export { UserAgreementService as default, hideMessage, showMessage };