@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/message/message.js

@@ -1,9 +1,6 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.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 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -15,29 +12,14 @@ 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 { jsx, jsxs } from 'react/jsx-runtime';
-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';
@@ -50,10 +32,7 @@ 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-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -62,192 +41,182 @@ import '../i18n/i18n.js';
 
 var modules_8b837449 = {"light":"light_rui_2ac4","container":"container_rui_a216","message":"message_rui_a216","icon":"icon_rui_a216","title":"title_rui_a216 font-lower_rui_f295 font_rui_f295","description":"description_rui_a216","button":"button_rui_a216","tail":"tail_rui_a216"};
 
-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];
-    }
-    _this = _callSuper(this, Message, [].concat(args));
-    _defineProperty(_this, "state", {});
-    _defineProperty(_this, "_onDirectionChange", function (direction) {
-      return _this.setState({
-        direction
-      });
-    });
-    _defineProperty(_this, "popup", void 0);
-    _defineProperty(_this, "node", void 0);
-    _defineProperty(_this, "popupRef", function (el) {
+class Message extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {});
+    _defineProperty(this, "_onDirectionChange", direction => this.setState({
+      direction
+    }));
+    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "node", void 0);
+    _defineProperty(this, "popupRef", el => {
       var _this$popup;
-      _this.popup = el;
-      _this.node = (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
+      this.popup = el;
+      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
     });
-    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;
+  getTailOffset() {
+    var _this$popup2;
+    const DEFAULT_OFFSET = 32;
+    const {
+      popupProps
+    } = this.props;
+    if (this.props.tailOffset != null) {
+      return this.props.tailOffset;
     }
-  }, {
-    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__*/jsx(I18nContext.Consumer, {
-        children: function children(_ref) {
-          var translate = _ref.translate;
-          return /*#__PURE__*/jsx(WithThemeClasses, {
-            theme: theme,
-            children: function children(themeClasses) {
-              var _translations$gotIt, _translations$dismiss;
-              return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
-                ref: _this2.popupRef,
-                hidden: false,
-                directions: popupDirections,
-                className: classNames(classes, themeClasses),
-                offset: UNIT * 2,
-                onDirectionChange: _this2._onDirectionChange
-              }, popupProps), {}, {
-                children: /*#__PURE__*/jsxs(ThemeProvider, {
-                  theme: theme,
-                  passToPopups: true,
-                  children: [direction && /*#__PURE__*/jsx("div", {
-                    className: tailClasses,
-                    style: getTailOffsets(_this2.getTailOffset())[direction]
-                  }), icon && /*#__PURE__*/jsx(Icon, {
-                    className: modules_8b837449.icon,
-                    glyph: icon
-                  }), title && /*#__PURE__*/jsx("h1", {
-                    "data-test": "rgMessageTitle",
-                    className: modules_8b837449.title,
-                    children: title
-                  }), _children && /*#__PURE__*/jsx("div", {
-                    className: modules_8b837449.description,
-                    children: _children
-                  }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
-                    className: modules_8b837449.button,
-                    onClick: onClose,
-                    primary: true
-                  }, buttonProps), {}, {
-                    children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
-                  })), onDismiss && /*#__PURE__*/jsx(Button, {
-                    onClick: onDismiss,
-                    text: true,
-                    children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
-                  })]
-                })
-              }));
-            }
-          });
-        }
-      });
+    const 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;
     }
-  }]);
-}(Component);
+    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 !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
+      return offset - (popupProps === null || popupProps === void 0 ? void 0 : 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
+    });
+    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
+    const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
+    const {
+      direction
+    } = this.state;
+    return /*#__PURE__*/jsx(I18nContext.Consumer, {
+      children: _ref => {
+        let {
+          translate
+        } = _ref;
+        return /*#__PURE__*/jsx(WithThemeClasses, {
+          theme: theme,
+          children: themeClasses => {
+            var _translations$gotIt, _translations$dismiss;
+            return /*#__PURE__*/jsx(Popup, _objectSpread2(_objectSpread2({
+              ref: this.popupRef,
+              hidden: false,
+              directions: popupDirections,
+              className: classNames(classes, themeClasses),
+              offset: UNIT * 2,
+              onDirectionChange: this._onDirectionChange
+            }, popupProps), {}, {
+              children: /*#__PURE__*/jsxs(ThemeProvider, {
+                theme: theme,
+                passToPopups: true,
+                children: [direction && /*#__PURE__*/jsx("div", {
+                  className: tailClasses,
+                  style: getTailOffsets(this.getTailOffset())[direction]
+                }), icon && /*#__PURE__*/jsx(Icon, {
+                  className: modules_8b837449.icon,
+                  glyph: icon
+                }), title && /*#__PURE__*/jsx("h1", {
+                  "data-test": "rgMessageTitle",
+                  className: modules_8b837449.title,
+                  children: title
+                }), children && /*#__PURE__*/jsx("div", {
+                  className: modules_8b837449.description,
+                  children: children
+                }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+                  className: modules_8b837449.button,
+                  onClick: onClose,
+                  primary: true
+                }, buttonProps), {}, {
+                  children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
+                })), onDismiss && /*#__PURE__*/jsx(Button, {
+                  onClick: onDismiss,
+                  text: true,
+                  children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
+                })]
+              })
+            }));
+          }
+        });
+      }
+    });
+  }
+}
 _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],

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

@@ -1,11 +1,8 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -17,12 +14,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;
@@ -66,11 +63,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,8 @@
 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 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';
 import 'sniffr';

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

@@ -1,28 +1,23 @@
-import { i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.includes.js';
+import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.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 'core-js/modules/web.dom-collections.iterator.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
  */
-if (!["and_chr 126", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"]) {
+if (!["and_chr 127", "and_uc 15.5", "chrome 127", "chrome 126", "chrome 109", "edge 126", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-var SUPPORTED = ["and_chr 126", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"] || [];
-var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
-var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
+const SUPPORTED = ["and_chr 127", "and_uc 15.5", "chrome 127", "chrome 126", "chrome 109", "edge 126", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"] || [];
+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;
   }