@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/message/message.js

@@ -1,9 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _extends, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,45 +9,23 @@ import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.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 '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.target.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -64,188 +37,173 @@ var modules_8b837449 = {"light":"light_rui_2ac4","container":"container_rui_a216
 /**
   * @name Message
   */
-var UNIT = 8;
-var TAIL_SIZE = 11;
-var getTailOffsets = function getTailOffsets(offset) {
-  return {
-    [Directions.BOTTOM_RIGHT]: {
-      top: 0,
-      left: offset + UNIT,
-      transform: 'rotate(135deg)'
-    },
-    [Directions.BOTTOM_LEFT]: {
-      top: 0,
-      right: offset - UNIT - TAIL_SIZE,
-      transform: 'rotate(135deg)'
-    },
-    [Directions.BOTTOM_CENTER]: {
-      top: 0,
-      left: offset + UNIT,
-      transform: 'rotate(135deg)'
-    },
-    [Directions.TOP_RIGHT]: {
-      bottom: -TAIL_SIZE,
-      left: offset - UNIT,
-      transform: 'rotate(-45deg)'
-    },
-    [Directions.TOP_LEFT]: {
-      bottom: -TAIL_SIZE,
-      right: offset + UNIT - TAIL_SIZE,
-      transform: 'rotate(-45deg)'
-    },
-    [Directions.TOP_CENTER]: {
-      bottom: -TAIL_SIZE,
-      left: offset - UNIT,
-      transform: 'rotate(-45deg)'
-    },
-    [Directions.RIGHT_TOP]: {
-      bottom: offset + UNIT - TAIL_SIZE,
-      left: 0,
-      transform: 'rotate(45deg)'
-    },
-    [Directions.RIGHT_BOTTOM]: {
-      top: offset - UNIT,
-      left: 0,
-      transform: 'rotate(45deg)'
-    },
-    [Directions.RIGHT_CENTER]: {
-      top: offset - UNIT,
-      left: 0,
-      transform: 'rotate(45deg)'
-    },
-    [Directions.LEFT_TOP]: {
-      bottom: offset - UNIT - TAIL_SIZE,
-      right: -TAIL_SIZE,
-      transform: 'rotate(-135deg)'
-    },
-    [Directions.LEFT_BOTTOM]: {
-      top: offset + UNIT,
-      right: -TAIL_SIZE,
-      transform: 'rotate(-135deg)'
-    },
-    [Directions.LEFT_CENTER]: {
-      top: offset + UNIT,
-      right: -TAIL_SIZE,
-      transform: 'rotate(-135deg)'
-    }
-  };
-};
+const UNIT = 8;
+const TAIL_SIZE = 11;
+const getTailOffsets = offset => ({
+  [Directions.BOTTOM_RIGHT]: {
+    top: 0,
+    left: offset + UNIT,
+    transform: 'rotate(135deg)'
+  },
+  [Directions.BOTTOM_LEFT]: {
+    top: 0,
+    right: offset - UNIT - TAIL_SIZE,
+    transform: 'rotate(135deg)'
+  },
+  [Directions.BOTTOM_CENTER]: {
+    top: 0,
+    left: offset + UNIT,
+    transform: 'rotate(135deg)'
+  },
+  [Directions.TOP_RIGHT]: {
+    bottom: -TAIL_SIZE,
+    left: offset - UNIT,
+    transform: 'rotate(-45deg)'
+  },
+  [Directions.TOP_LEFT]: {
+    bottom: -TAIL_SIZE,
+    right: offset + UNIT - TAIL_SIZE,
+    transform: 'rotate(-45deg)'
+  },
+  [Directions.TOP_CENTER]: {
+    bottom: -TAIL_SIZE,
+    left: offset - UNIT,
+    transform: 'rotate(-45deg)'
+  },
+  [Directions.RIGHT_TOP]: {
+    bottom: offset + UNIT - TAIL_SIZE,
+    left: 0,
+    transform: 'rotate(45deg)'
+  },
+  [Directions.RIGHT_BOTTOM]: {
+    top: offset - UNIT,
+    left: 0,
+    transform: 'rotate(45deg)'
+  },
+  [Directions.RIGHT_CENTER]: {
+    top: offset - UNIT,
+    left: 0,
+    transform: 'rotate(45deg)'
+  },
+  [Directions.LEFT_TOP]: {
+    bottom: offset - UNIT - TAIL_SIZE,
+    right: -TAIL_SIZE,
+    transform: 'rotate(-135deg)'
+  },
+  [Directions.LEFT_BOTTOM]: {
+    top: offset + UNIT,
+    right: -TAIL_SIZE,
+    transform: 'rotate(-135deg)'
+  },
+  [Directions.LEFT_CENTER]: {
+    top: offset + UNIT,
+    right: -TAIL_SIZE,
+    transform: 'rotate(-135deg)'
+  }
+});
 /**
  * Displays a popup containing a message.
  */
-var Message = /*#__PURE__*/function (_Component) {
-  function Message() {
-    var _this;
-    _classCallCheck(this, Message);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class Message extends Component {
+  static defaultProps = {
+    icon: gift,
+    directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
+    theme: Theme.DARK
+  };
+  state = {};
+  static Directions = Directions;
+  static PopupProps = Popup.PopupProps;
+  _onDirectionChange = direction => this.setState({
+    direction
+  });
+  popup;
+  node;
+  popupRef = el => {
+    this.popup = el;
+    this.node = this.popup?.node;
+  };
+  getTailOffset() {
+    const DEFAULT_OFFSET = 32;
+    const {
+      popupProps
+    } = this.props;
+    if (this.props.tailOffset != null) {
+      return this.props.tailOffset;
     }
-    _this = _callSuper(this, Message, [].concat(args));
-    _defineProperty(_this, "state", {});
-    _defineProperty(_this, "_onDirectionChange", function (direction) {
-      return _this.setState({
-        direction
-      });
+    const anchor = popupProps?.anchorElement || this.popup?.parent;
+    if (!anchor) {
+      return DEFAULT_OFFSET;
+    }
+    const offset = Math.floor(anchor.offsetWidth / 2);
+    const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
+    if (popupProps?.left && isOpenedToRight) {
+      return offset - popupProps?.left;
+    }
+    return offset;
+  }
+  render() {
+    const {
+      children,
+      className,
+      tailClassName,
+      title,
+      icon,
+      popupProps,
+      buttonProps,
+      onClose,
+      onDismiss,
+      translations,
+      theme
+    } = this.props;
+    const classes = classNames(modules_8b837449.message, className, {
+      [modules_59717246.dark]: theme === Theme.DARK
     });
-    _defineProperty(_this, "popup", void 0);
-    _defineProperty(_this, "node", void 0);
-    _defineProperty(_this, "popupRef", function (el) {
-      var _this$popup;
-      _this.popup = el;
-      _this.node = (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
+    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
+    const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
+    const {
+      direction
+    } = this.state;
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
+      let {
+        translate
+      } = _ref;
+      return /*#__PURE__*/React.createElement(WithThemeClasses, {
+        theme: theme
+      }, themeClasses => {
+        var _translations$gotIt, _translations$dismiss;
+        return /*#__PURE__*/React.createElement(Popup, _extends({
+          ref: this.popupRef,
+          hidden: false,
+          directions: popupDirections,
+          className: classNames(classes, themeClasses),
+          offset: UNIT * 2,
+          onDirectionChange: this._onDirectionChange
+        }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+          theme: theme,
+          passToPopups: true
+        }, direction && /*#__PURE__*/React.createElement("div", {
+          className: tailClasses,
+          style: getTailOffsets(this.getTailOffset())[direction]
+        }), icon && /*#__PURE__*/React.createElement(Icon, {
+          className: modules_8b837449.icon,
+          glyph: icon
+        }), title && /*#__PURE__*/React.createElement("h1", {
+          "data-test": "rgMessageTitle",
+          className: modules_8b837449.title
+        }, title), children && /*#__PURE__*/React.createElement("div", {
+          className: modules_8b837449.description
+        }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
+          className: modules_8b837449.button,
+          onClick: onClose,
+          primary: true
+        }, buttonProps), (_translations$gotIt = translations?.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
+          onClick: onDismiss,
+          text: true
+        }, (_translations$dismiss = translations?.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
+      });
     });
-    return _this;
   }
-  _inherits(Message, _Component);
-  return _createClass(Message, [{
-    key: "getTailOffset",
-    value: function getTailOffset() {
-      var _this$popup2;
-      var DEFAULT_OFFSET = 32;
-      var popupProps = this.props.popupProps;
-      if (this.props.tailOffset != null) {
-        return this.props.tailOffset;
-      }
-      var anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
-      if (!anchor) {
-        return DEFAULT_OFFSET;
-      }
-      var offset = Math.floor(anchor.offsetWidth / 2);
-      var isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-      if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
-        return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
-      }
-      return offset;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        tailClassName = _this$props.tailClassName,
-        title = _this$props.title,
-        icon = _this$props.icon,
-        popupProps = _this$props.popupProps,
-        buttonProps = _this$props.buttonProps,
-        onClose = _this$props.onClose,
-        onDismiss = _this$props.onDismiss,
-        translations = _this$props.translations,
-        theme = _this$props.theme;
-      var classes = classNames(modules_8b837449.message, className, {
-        [modules_59717246.dark]: theme === Theme.DARK
-      });
-      var tailClasses = classNames(modules_8b837449.tail, tailClassName);
-      var popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
-      var direction = this.state.direction;
-      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
-        var translate = _ref.translate;
-        return /*#__PURE__*/React.createElement(WithThemeClasses, {
-          theme: theme
-        }, function (themeClasses) {
-          var _translations$gotIt, _translations$dismiss;
-          return /*#__PURE__*/React.createElement(Popup, _extends({
-            ref: _this2.popupRef,
-            hidden: false,
-            directions: popupDirections,
-            className: classNames(classes, themeClasses),
-            offset: UNIT * 2,
-            onDirectionChange: _this2._onDirectionChange
-          }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
-            theme: theme,
-            passToPopups: true
-          }, direction && /*#__PURE__*/React.createElement("div", {
-            className: tailClasses,
-            style: getTailOffsets(_this2.getTailOffset())[direction]
-          }), icon && /*#__PURE__*/React.createElement(Icon, {
-            className: modules_8b837449.icon,
-            glyph: icon
-          }), title && /*#__PURE__*/React.createElement("h1", {
-            "data-test": "rgMessageTitle",
-            className: modules_8b837449.title
-          }, title), children && /*#__PURE__*/React.createElement("div", {
-            className: modules_8b837449.description
-          }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-            className: modules_8b837449.button,
-            onClick: onClose,
-            primary: true
-          }, buttonProps), (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
-            onClick: onDismiss,
-            text: true
-          }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
-        });
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(Message, "defaultProps", {
-  icon: gift,
-  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  theme: Theme.DARK
-});
-_defineProperty(Message, "Directions", Directions);
-_defineProperty(Message, "PopupProps", Popup.PopupProps);
+}
 Message.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/components/old-browsers-message/old-browsers-message.js

@@ -1,11 +1,4 @@
-import 'core-js/modules/es.array.concat.js';
 import { isBrowserInWhiteList } from './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -17,12 +10,12 @@ import 'sniffr';
   won't be displayed for those and higher versions even when a JS error occurs
   on application start.
  */
-var smileChanges = 0;
-var MAX_SMILE_CHANGES = 50;
-var previousWindowErrorHandler;
+let smileChanges = 0;
+const MAX_SMILE_CHANGES = 50;
+let previousWindowErrorHandler;
 function changeSmileClickListener(event) {
-  var eyes = ['O', 'o', '-', '>', '<'];
-  var target = event.target || event.srcElement;
+  const eyes = ['O', 'o', '-', '>', '<'];
+  const target = event.target || event.srcElement;
   smileChanges++;
   function rand(min, max) {
     return Math.round(Math.random() * (max - min)) + min;
@@ -34,7 +27,7 @@ function changeSmileClickListener(event) {
     if (smileChanges >= MAX_SMILE_CHANGES) {
       return '\\\\ (x_x) //';
     }
-    return "{{ (".concat(getRandomEye(), "_").concat(getRandomEye(), ") }}");
+    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
   }
   target.innerHTML = getRandomSmile();
 }
@@ -66,11 +59,11 @@ function stopOldBrowserDetector() {
   window.onerror = previousWindowErrorHandler;
 }
 //Start javascript error detection
-startOldBrowsersDetector(function () {
-  var oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
-  var browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
-  var errorMessage = document.getElementById('ring-old-browsers-message__error-message');
-  var smileNode = document.getElementById('ring-old-browsers-message__smile');
+startOldBrowsersDetector(() => {
+  const oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
+  const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
+  const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
+  const smileNode = document.getElementById('ring-old-browsers-message__smile');
   if (browserMessage != null && errorMessage != null) {
     if (isBrowserInWhiteList()) {
       browserMessage.style.display = 'none';

package/components/old-browsers-message/old-browsers-message__stop.js

@@ -1,11 +1,4 @@
 export { stop as default } from './old-browsers-message.js';
-import 'core-js/modules/es.array.concat.js';
 import './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/old-browsers-message/white-list.js

@@ -1,13 +1,7 @@
-import { j as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
-var MAJOR_VERSION_INDEX = 0;
+const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
@@ -15,20 +9,18 @@ if (!["and_chr 124", "chrome 124", "chrome 123", "chrome 122", "chrome 109", "ed
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-var SUPPORTED = ["and_chr 124", "chrome 124", "chrome 123", "chrome 122", "chrome 109", "edge 124", "edge 123", "firefox 124", "ios_saf 17.4", "ios_saf 17.3", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 24"] || [];
-var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
-var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
+const SUPPORTED = ["and_chr 124", "chrome 124", "chrome 123", "chrome 122", "chrome 109", "edge 124", "edge 123", "firefox 124", "ios_saf 17.4", "ios_saf 17.3", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 24"] || [];
+const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
+const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;
-  var _ref = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [],
-    _ref2 = _slicedToArray(_ref, 3),
-    browserName = _ref2[1],
-    version = _ref2[2];
+  const [, browserName, version] = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [];
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;
   }
-  return _objectSpread2(_objectSpread2({}, acc), {}, {
+  return {
+    ...acc,
     [browserName]: parseInt(version, 10)
-  });
+  };
 }, {});
 function isBrowserInWhiteList() {
   return sniffr.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffr.browser.name];