@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/alert/alert.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -17,8 +15,6 @@ export { default as Container } from './container.js';
 import { Color } from '../icon/icon.constants.js';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
@@ -38,7 +34,6 @@ import '../global/sniffer.js';
 import 'sniffr';
 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/position-css.js';
 
@@ -87,36 +82,22 @@ const TypeToIconColor = {
  * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
  */
 class Alert extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      height: null
-    });
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "hideTimeout", void 0);
-    _defineProperty(this, "closeRequest", event => {
-      this.startCloseAnimation();
-      return this.props.onCloseRequest(event);
-    });
-    _defineProperty(this, "startCloseAnimation", () => {
-      const height = getRect(this.node).height;
-      this.setState({
-        height
-      });
-    });
-    /**
-     * @param {SyntheticEvent} evt
-     * @private
-     */
-    _defineProperty(this, "_handleCaptionsLinksClick", evt => {
-      if (evt.target instanceof Element && evt.target.matches('a')) {
-        this.closeRequest(evt);
-      }
-    });
-    _defineProperty(this, "storeAlertRef", node => {
-      this.node = node;
-    });
-  }
+  /** @override */
+  static defaultProps = {
+    theme: Theme.DARK,
+    closeable: true,
+    showWithAnimation: true,
+    type: AlertType.MESSAGE,
+    inline: true,
+    isClosing: false,
+    isShaking: false,
+    timeout: 0,
+    onClose: () => {},
+    onCloseRequest: () => {}
+  };
+  state = {
+    height: null
+  };
   componentDidMount() {
     if (this.props.timeout > 0) {
       this.hideTimeout = window.setTimeout(this.closeRequest, this.props.timeout);
@@ -130,12 +111,34 @@ class Alert extends PureComponent {
   componentWillUnmount() {
     clearTimeout(this.hideTimeout);
   }
+  node;
+  hideTimeout;
+  static Type = AlertType;
+  closeRequest = event => {
+    this.startCloseAnimation();
+    return this.props.onCloseRequest(event);
+  };
+  startCloseAnimation = () => {
+    const height = getRect(this.node).height;
+    this.setState({
+      height
+    });
+  };
   _close() {
     this.startCloseAnimation();
     setTimeout(() => {
       this.props.onClose();
     }, ANIMATION_TIME);
   }
+  /**
+   * @param {SyntheticEvent} evt
+   * @private
+   */
+  _handleCaptionsLinksClick = evt => {
+    if (evt.target instanceof Element && evt.target.matches('a')) {
+      this.closeRequest(evt);
+    }
+  };
   /**
    * @private
    */
@@ -170,6 +173,9 @@ class Alert extends PureComponent {
     }
     return '';
   }
+  storeAlertRef = node => {
+    this.node = node;
+  };
   render() {
     const {
       type,
@@ -211,19 +217,5 @@ class Alert extends PureComponent {
     });
   }
 }
-/** @override */
-_defineProperty(Alert, "defaultProps", {
-  theme: Theme.DARK,
-  closeable: true,
-  showWithAnimation: true,
-  type: AlertType.MESSAGE,
-  inline: true,
-  isClosing: false,
-  isShaking: false,
-  timeout: 0,
-  onClose: () => {},
-  onCloseRequest: () => {}
-});
-_defineProperty(Alert, "Type", AlertType);
 
 export { ANIMATION_TIME, AlertType, Alert as default };

package/components/alert/container.js

@@ -1,4 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent, Children, isValidElement, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
@@ -6,25 +5,23 @@ import classNames from 'classnames';
 
 var styles = {"alertContainer":"ring-container-alertContainer","alertInContainer":"ring-container-alertInContainer ring-alert-alert"};
 
-const _excluded = ["children", "className"];
 class Alerts extends PureComponent {
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        className
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.alertContainer, className);
     const show = Children.count(children) > 0;
     if (!show) {
       return null;
     }
-    return /*#__PURE__*/createPortal(jsx("div", _objectSpread2(_objectSpread2({
+    return /*#__PURE__*/createPortal(jsx("div", {
       "data-test": 'alert-container',
       className: classes,
-      "aria-live": 'polite'
-    }, restProps), {}, {
+      "aria-live": 'polite',
+      ...restProps,
       children: Children.map(children, child => {
         if (! /*#__PURE__*/isValidElement(child)) {
           return child;
@@ -34,7 +31,7 @@ class Alerts extends PureComponent {
           className: alertClassNames
         });
       })
-    })), document.body);
+    }), document.body);
   }
 }
 

package/components/alert-service/alert-service.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import getUID from '../global/get-uid.js';
@@ -15,8 +13,6 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -40,24 +36,19 @@ import '../global/sniffer.js';
 import 'sniffr';
 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/position-css.js';
 
-const _excluded = ["message", "key"],
-  _excluded2 = ["onCloseRequest", "onClose"];
 const DEFAULT_ALERT_TIMEOUT = 10000; // 10 seconds
 /**
  * @name Alert Service
  */
 class AlertService {
-  constructor() {
-    _defineProperty(this, "defaultTimeout", DEFAULT_ALERT_TIMEOUT);
-    // This alerts are stored in inverse order (last shown is first in array)
-    _defineProperty(this, "showingAlerts", []);
-    _defineProperty(this, "containerElement", document.createElement('div'));
-    _defineProperty(this, "reactRoot", createRoot(this.containerElement));
-  }
+  defaultTimeout = DEFAULT_ALERT_TIMEOUT;
+  // This alerts are stored in inverse order (last shown is first in array)
+  showingAlerts = [];
+  containerElement = document.createElement('div');
+  reactRoot = createRoot(this.containerElement);
   _getShowingAlerts() {
     return [...this.showingAlerts];
   }
@@ -68,13 +59,14 @@ class AlertService {
     return jsx(Alerts, {
       children: alerts.map(alert => {
         const {
-            message,
-            key
-          } = alert,
-          rest = _objectWithoutProperties(alert, _excluded);
-        return jsx(Alert, _objectSpread2(_objectSpread2({}, rest), {}, {
+          message,
+          key,
+          ...rest
+        } = alert;
+        return jsx(Alert, {
+          ...rest,
           children: message
-        }), key);
+        }, key);
       })
     });
   }
@@ -109,14 +101,12 @@ class AlertService {
       this.renderAlerts();
     }, ANIMATION_TIME);
   }
-  addAlert(message, type) {
-    let timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.defaultTimeout;
-    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  addAlert(message, type, timeout = this.defaultTimeout, options = {}) {
     const {
-        onCloseRequest,
-        onClose
-      } = options,
-      restOptions = _objectWithoutProperties(options, _excluded2);
+      onCloseRequest,
+      onClose,
+      ...restOptions
+    } = options;
     const sameAlert = this.findSameAlert(message, type);
     if (sameAlert) {
       sameAlert.isShaking = true;
@@ -124,21 +114,22 @@ class AlertService {
       this.stopShakingWhenAnimationDone(sameAlert);
       return sameAlert.key;
     }
-    const alert = _objectSpread2({
+    const alert = {
       key: getUID('alert-service-'),
       message,
       type,
       timeout,
       isClosing: false,
       onCloseRequest: () => {
-        onCloseRequest === null || onCloseRequest === void 0 || onCloseRequest();
+        onCloseRequest?.();
         this.startAlertClosing(alert);
       },
       onClose: () => {
-        onClose === null || onClose === void 0 || onClose();
+        onClose?.();
         this.removeWithoutAnimation(alert.key);
-      }
-    }, restOptions);
+      },
+      ...restOptions
+    };
     this.showingAlerts = [alert, ...this.showingAlerts];
     this.renderAlerts();
     return alert.key;

package/components/analytics/analytics-custom-plugin.js

@@ -1,15 +1,13 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 const DEFAULT_FLUSH_INTERVAL = 10000;
 const DEFAULT_FLUSH_MAX_PACK_SIZE = 100;
 class AnalyticsCustomPlugin {
+  _data;
+  _flush;
+  _isDevelopment;
+  _flushInterval;
+  _flushMaxPackSize;
+  _hasSendSchedule;
   constructor(send, isDevelopment, flushInterval) {
-    _defineProperty(this, "_data", void 0);
-    _defineProperty(this, "_flush", void 0);
-    _defineProperty(this, "_isDevelopment", void 0);
-    _defineProperty(this, "_flushInterval", void 0);
-    _defineProperty(this, "_flushMaxPackSize", void 0);
-    _defineProperty(this, "_hasSendSchedule", void 0);
     this._data = [];
     this.config({
       send,
@@ -35,10 +33,7 @@ class AnalyticsCustomPlugin {
     this._processEvent('page', 'view', data);
   }
   _initSendSchedule() {
-    window.addEventListener('beforeunload', () => {
-      var _this$_flush;
-      return (_this$_flush = this._flush) === null || _this$_flush === void 0 ? void 0 : _this$_flush.call(this);
-    });
+    window.addEventListener('beforeunload', () => this._flush?.());
     if (this._flush) {
       setInterval(this._flush, this._flushInterval);
     }
@@ -56,15 +51,15 @@ class AnalyticsCustomPlugin {
       action,
       timestamp: Date.now()
     };
-    this._addDataToFlushingPack(data ? _objectSpread2(_objectSpread2({}, baseSendingData), {}, {
+    this._addDataToFlushingPack(data ? {
+      ...baseSendingData,
       data
-    }) : baseSendingData);
+    } : baseSendingData);
   }
   _addDataToFlushingPack(sendingData) {
     this._data.push(sendingData);
-    if (this._flushMaxPackSize && this._data.length >= this._flushMaxPackSize) {
-      var _this$_flush2;
-      (_this$_flush2 = this._flush) === null || _this$_flush2 === void 0 || _this$_flush2.call(this);
+    if (this._flushMaxPackSize !== undefined && this._data.length >= this._flushMaxPackSize) {
+      this._flush?.();
     }
   }
 }

package/components/analytics/analytics.js

@@ -1,11 +1,9 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
 /**
  * @name Analytics
  */
 class Analytics {
+  _plugins;
   constructor() {
-    _defineProperty(this, "_plugins", void 0);
     this._plugins = [];
   }
   config(plugins) {