@jetbrains/ring-ui-built 7.0.0-beta.9 → 7.0.0

package/components/login-dialog/login-dialog.js

@@ -3,8 +3,8 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
 import Dialog from '../dialog/dialog.js';
 import 'classnames';
-import 'core-js/modules/es.array.reduce.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import '../_helpers/island.js';
 import '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import LoaderScreen from '../loader-screen/loader-screen.js';
@@ -15,7 +15,6 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -47,7 +46,7 @@ import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
 
-var modules_45da1992 = {"light":"light_rui_2ac4","iFrame":"iFrame_rui_2d2e","dialogContent":"dialogContent_rui_2d2e","nonOpaqueLoader":"nonOpaqueLoader_rui_2d2e","fallbackLinkContainer":"fallbackLinkContainer_rui_2d2e"};
+var styles = {"iFrame":"iFrame_rui_2d2e","dialogContent":"dialogContent_rui_2d2e","nonOpaqueLoader":"nonOpaqueLoader_rui_2d2e","fallbackLinkContainer":"fallbackLinkContainer_rui_2d2e"};
 
 const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
 const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
@@ -134,7 +133,7 @@ class LoginDialog extends Component {
     return /*#__PURE__*/jsxs(Dialog, {
       "data-test": "ring-login-dialog",
       className: className,
-      contentClassName: modules_45da1992.dialogContent,
+      contentClassName: styles.dialogContent,
       trapFocus: true,
       autoFocusFirst: false,
       show: show,
@@ -145,14 +144,14 @@ class LoginDialog extends Component {
           title: "Login dialog",
           style: iFrameStyle,
           src: url,
-          className: modules_45da1992.iFrame,
+          className: styles.iFrame,
           scrolling: "no"
         })
       }), loading && /*#__PURE__*/jsx(LoaderScreen, {
         message: loadingMessage,
-        containerClassName: modules_45da1992.nonOpaqueLoader
+        containerClassName: styles.nonOpaqueLoader
       }), showFallbackLink && /*#__PURE__*/jsx("div", {
-        className: modules_45da1992.fallbackLinkContainer,
+        className: styles.fallbackLinkContainer,
         children: renderFallbackLink(loggingIn)
       })]
     });

package/components/login-dialog/service.js

@@ -11,7 +11,6 @@ import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -55,7 +54,7 @@ const reactRoot = createRoot(containerElement);
  * Renders LoginDialog into virtual node to skip maintaining container
  */
 function renderLoginDialog(props) {
-  reactRoot.render( /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: getGlobalControlsHeight(),
     children: /*#__PURE__*/jsx(LoginDialog, _objectSpread2({}, props))
   }));

package/components/markdown/markdown.d.ts

@@ -5,8 +5,8 @@ export interface MarkdownProps {
     className?: string | null | undefined;
 }
 /**
-  * @name Markdown
-*/
+ * @name Markdown
+ */
 export default class Markdown extends PureComponent<MarkdownProps> {
     render(): import("react").JSX.Element;
 }

package/components/markdown/markdown.js

@@ -1,10 +1,10 @@
 import { PureComponent } from 'react';
 import classNames from 'classnames';
-import { m as modules_901b77ec } from '../_helpers/heading.js';
-import { m as modules_607b0772 } from '../_helpers/link.js';
+import { s as styles$1 } from '../_helpers/heading.js';
+import { l as linkStyles } from '../_helpers/link.js';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_9c709e64 = {"p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
+var styles = {"inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
 
 class Markdown extends PureComponent {
   render() {
@@ -13,9 +13,9 @@ class Markdown extends PureComponent {
       children,
       inline
     } = this.props;
-    const classes = classNames(className, modules_901b77ec.contentWithHeadings, modules_607b0772.withLinks, {
-      [modules_9c709e64.markdown]: !inline,
-      [modules_9c709e64.inline]: inline
+    const classes = classNames(className, styles$1.contentWithHeadings, linkStyles.withLinks, {
+      [styles.markdown]: !inline,
+      [styles.inline]: inline
     });
     return /*#__PURE__*/jsx("div", {
       className: classes,

package/components/message/message.js

@@ -9,7 +9,7 @@ import { Directions } from '../popup/popup.consts.js';
 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 { T as Theme, d as darkStyles, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -23,7 +23,6 @@ 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';
@@ -38,7 +37,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 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","gotIt":"gotIt_rui_a216","tail":"tail_rui_a216"};
+var styles = {"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","gotIt":"gotIt_rui_a216","tail":"tail_rui_a216"};
 
 const UNIT = 8;
 const TAIL_SIZE = 11;
@@ -156,10 +155,10 @@ class Message extends Component {
       translations,
       theme
     } = this.props;
-    const classes = classNames(modules_8b837449.message, className, {
-      [modules_59717246.dark]: theme === Theme.DARK
+    const classes = classNames(styles.message, className, {
+      [darkStyles.dark]: theme === Theme.DARK
     });
-    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
+    const tailClasses = classNames(styles.tail, tailClassName);
     const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
     const {
       direction
@@ -188,17 +187,17 @@ class Message extends Component {
                   className: tailClasses,
                   style: getTailOffsets(this.getTailOffset())[direction]
                 }), icon && /*#__PURE__*/jsx(Icon, {
-                  className: modules_8b837449.icon,
+                  className: styles.icon,
                   glyph: icon
                 }), title && /*#__PURE__*/jsx("h1", {
                   "data-test": "rgMessageTitle",
-                  className: modules_8b837449.title,
+                  className: styles.title,
                   children: title
                 }), children && /*#__PURE__*/jsx("div", {
-                  className: modules_8b837449.description,
+                  className: styles.description,
                   children: children
                 }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
-                  className: modules_8b837449.gotIt,
+                  className: styles.gotIt,
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {

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

@@ -1,6 +1,5 @@
 import { isBrowserInWhiteList } from './white-list.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';

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

@@ -1,7 +1,6 @@
 export { stop as default } from './old-browsers-message.js';
 import './white-list.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';

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

@@ -1,5 +1,4 @@
 import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import sniffr from '../global/sniffer.js';
@@ -9,11 +8,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 128", "and_uc 15.5", "chrome 128", "chrome 127", "chrome 126", "chrome 109", "edge 127", "firefox 129", "ios_saf 17.6", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"]) {
+if (!["and_chr 130", "and_uc 15.5", "chrome 129", "chrome 128", "chrome 127", "chrome 109", "edge 129", "edge 128", "firefox 130", "ios_saf 17.6-17.7", "ios_saf 17.5", "op_mob 80", "safari 17.6"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 128", "and_uc 15.5", "chrome 128", "chrome 127", "chrome 126", "chrome 109", "edge 127", "firefox 129", "ios_saf 17.6", "ios_saf 17.5", "op_mob 80", "safari 17.5", "samsung 25"] || [];
+const SUPPORTED = ["and_chr 130", "and_uc 15.5", "chrome 129", "chrome 128", "chrome 127", "chrome 109", "edge 129", "edge 128", "firefox 130", "ios_saf 17.6-17.7", "ios_saf 17.5", "op_mob 80", "safari 17.6"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/components/pager/pager.js

@@ -23,7 +23,6 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../_helpers/caption.js';
@@ -88,7 +87,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../i18n/i18n.js';
 
-var modules_1a5f0d42 = {"light":"light_rui_2ac4","pager":"pager_rui_ad65","links":"links_rui_ad65","link":"link_rui_ad65","linkDisabled":"linkDisabled_rui_ad65","actions":"actions_rui_ad65","pageSize":"pageSize_rui_ad65"};
+var style = {"pager":"pager_rui_ad65","links":"links_rui_ad65","link":"link_rui_ad65","linkDisabled":"linkDisabled_rui_ad65","actions":"actions_rui_ad65","pageSize":"pageSize_rui_ad65"};
 
 class Pager extends PureComponent {
   constructor() {
@@ -189,7 +188,7 @@ class Pager extends PureComponent {
     const selectOptions = this.getSelectOptions();
     return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
       "data-test": "ring-pager-page-size-selector",
-      className: modules_1a5f0d42.pageSize,
+      className: style.pageSize,
       children: /*#__PURE__*/jsx(Select, {
         data: selectOptions.data,
         selected: selectOptions.selected,
@@ -223,14 +222,14 @@ class Pager extends PureComponent {
     const prevLinkHref = this.generateHref(this.props.currentPage - 1);
     const nextLinkHref = this.generateHref(this.props.currentPage + 1);
     const disabledLinkClasses = classNames({
-      [modules_1a5f0d42.link]: true,
-      [modules_1a5f0d42.linkDisabled]: true
+      [style.link]: true,
+      [style.linkDisabled]: true
     });
     return /*#__PURE__*/jsxs("div", {
-      className: modules_1a5f0d42.links,
+      className: style.links,
       children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
         href: prevLinkHref,
-        className: modules_1a5f0d42.link
+        className: style.link
       }, this.getClickProps(this.handlePrevClick)), {}, {
         children: prevLinkContent
       })) : /*#__PURE__*/jsxs("span", {
@@ -240,7 +239,7 @@ class Pager extends PureComponent {
         }, "text")]
       }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
         href: nextLinkHref,
-        className: modules_1a5f0d42.link
+        className: style.link
       }, this.getClickProps(this.handleNextClick)), {}, {
         children: nextLinkContent
       })) : /*#__PURE__*/jsxs("span", {
@@ -300,7 +299,7 @@ class Pager extends PureComponent {
     const lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
     return /*#__PURE__*/jsxs("div", {
       children: [this.getPagerLinks(), /*#__PURE__*/jsxs("div", {
-        className: modules_1a5f0d42.actions,
+        className: style.actions,
         children: [/*#__PURE__*/jsxs(ButtonToolbar, {
           children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
             children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
@@ -315,7 +314,7 @@ class Pager extends PureComponent {
     });
   }
   render() {
-    const classes = classNames(modules_1a5f0d42.pager, this.props.className);
+    const classes = classNames(style.pager, this.props.className);
     return /*#__PURE__*/jsx("div", {
       "data-test": "ring-pager",
       className: classes,

package/components/panel/panel.js

@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_cf670408 = {"light":"light_rui_2ac4","panel":"panel_rui_e32c panel_rui_027b"};
+var styles = {"panel":"panel_rui_e32c panel_rui_027b"};
 
 const _excluded = ["className", "children"];
 class Panel extends PureComponent {
@@ -14,7 +14,7 @@ class Panel extends PureComponent {
         children
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_cf670408.panel, className);
+    const classes = classNames(styles.panel, className);
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
       className: classes,
       children: children

package/components/permissions/permissions.js

@@ -1,6 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import PermissionCache from './permissions__cache.js';
-import 'core-js/modules/es.array.reduce.js';
 
 /**
  * <code>

package/components/permissions/permissions__cache.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 
 /**
  * Converts an array of cached permissions to a a map of a permission key
@@ -140,7 +139,7 @@ class PermissionCache {
     let result = this.and(lexems, projectId);
     while (lexems.length > 0 && lexems[0] !== ')') {
       if (lexems.shift() !== '|') {
-        throw new Error('Operator \'|\' was expected');
+        throw new Error("Operator '|' was expected");
       }
       result = this.and(lexems, projectId) || result;
     }
@@ -192,7 +191,7 @@ class PermissionCache {
       result = this.or(lexems, projectId);
       // Expect ')'
       if (lexems.shift() !== ')') {
-        throw new Error('Operator \')\' was expected');
+        throw new Error("Operator ')' was expected");
       }
     } else {
       result = t != null && this.testPermission(t, projectId);

package/components/popup/popup.js

@@ -19,10 +19,9 @@ import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.sort.js';
 
-var modules_2f69e2e2 = {"light":"light_rui_2ac4","popup":"popup_rui_871b font_rui_f295","hidden":"hidden_rui_871b","showing":"showing_rui_871b","attached":"attached_rui_871b"};
+var styles = {"popup":"popup_rui_871b font_rui_f295","hidden":"hidden_rui_871b","showing":"showing_rui_871b","attached":"attached_rui_871b"};
 
 const isPossibleClientSideNavigation = event => {
   const target = event.target;
@@ -287,10 +286,10 @@ class Popup extends PureComponent {
       'data-test': dataTest
     } = this.props;
     const showing = this.state.display === Display.SHOWING;
-    const classes = classNames(className, modules_2f69e2e2.popup, {
-      [modules_2f69e2e2.attached]: attached,
-      [modules_2f69e2e2.hidden]: hidden,
-      [modules_2f69e2e2.showing]: showing
+    const classes = classNames(className, styles.popup, {
+      [styles.attached]: attached,
+      [styles.hidden]: hidden,
+      [styles.showing]: showing
     });
     const direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
     return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
@@ -306,7 +305,7 @@ class Popup extends PureComponent {
           children: [this.shouldUseShortcuts() && /*#__PURE__*/jsx(Shortcuts, {
             map: this.shortcutsMap,
             scope: this.shortcutsScope
-          }), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
+          }), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
             id: this.uid,
             ref: this.containerRef,
             onMouseOver: onMouseOver,

package/components/popup/position.js

@@ -206,9 +206,9 @@ function position(attrs) {
       styles = directionsMatrix[directions[0]];
       chosenDirection = directions[0];
     } else {
-      const sortedByIncreasingOverflow = directions.
+      const sortedByIncreasingOverflow = directions
       // Fall back to the first option
-      concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
+      .concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
         styles: directionsMatrix[direction],
         direction
       })).sort((_ref2, _ref3) => {

package/components/popup-menu/popup-menu.js

@@ -17,7 +17,6 @@ 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';

package/components/progress-bar/progress-bar.d.ts

@@ -41,9 +41,9 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
         value: number;
         label: string;
     };
-    progressbarWrapper?: (HTMLElement | null);
+    progressbarWrapper?: HTMLElement | null;
     progressbarWrapperRef: (el: HTMLElement | null) => void;
-    progressbar?: (HTMLElement | null);
+    progressbar?: HTMLElement | null;
     progressbarRef: (el: HTMLElement | null) => void;
     render(): import("react").JSX.Element;
 }

package/components/progress-bar/progress-bar.js

@@ -4,7 +4,7 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_fb7af416 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar":"progress-bar_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
+var styles = {"progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar-animation":"progress-bar-animation_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
 
 const _excluded = ["className", "global", "max", "value", "label", "staticColor"];
 class ProgressBar extends PureComponent {
@@ -42,15 +42,15 @@ class ProgressBar extends PureComponent {
       } = _this$props,
       otherProps = _objectWithoutProperties(_this$props, _excluded);
     const width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
-    const classes = classNames(modules_fb7af416.progressBar, className, {
-      [modules_fb7af416.globalMode]: global,
-      [modules_fb7af416.staticLineColor]: staticColor
+    const classes = classNames(styles.progressBar, className, {
+      [styles.globalMode]: global,
+      [styles.staticLineColor]: staticColor
     });
     return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
       className: classes,
       ref: this.progressbarWrapperRef,
       children: /*#__PURE__*/jsx("div", {
-        className: modules_fb7af416.line,
+        className: styles.line,
         ref: this.progressbarRef,
         role: "progressbar",
         "aria-label": label,

package/components/query-assist/query-assist.js

@@ -21,11 +21,10 @@ import rerenderHOC from '../global/rerender-hoc.js';
 import { Button } from '../button/button.js';
 import Icon from '../icon/icon.js';
 import { ControlsHeightContext, ControlsHeight } from '../global/controls-height.js';
-import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, i as inputStyles } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
-import { Q as QueryAssistSuggestions, m as modules_da7ab055 } from '../_helpers/query-assist__suggestions.js';
+import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist__suggestions.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.reduce.js';
 import 'react-dom/server';
 import '../popup/popup.js';
 import 'react-dom';
@@ -560,7 +559,7 @@ class QueryAssist extends Component {
     this._pushHistory(this.state);
   }
   shouldComponentUpdate(props, state) {
-    return state.query !== this.state.query || state.dirty !== this.state.dirty || state.loading !== this.state.loading || state.showPopup !== this.state.showPopup || state.suggestions !== this.state.suggestions || state.styleRanges !== this.state.styleRanges || state.placeholderEnabled !== this.state.placeholderEnabled || props.placeholder !== this.props.placeholder || props.disabled !== this.props.disabled || props.clear !== this.props.clear || props.focus !== this.props.focus || props.actions !== this.props.actions || props.loader !== this.props.loader || props.glass !== this.props.glass;
+    return state.query !== this.state.query || state.dirty !== this.state.dirty || state.loading !== this.state.loading || state.showPopup !== this.state.showPopup || state.suggestions !== this.state.suggestions || state.styleRanges !== this.state.styleRanges || state.placeholderEnabled !== this.state.placeholderEnabled || props.placeholder !== this.props.placeholder || props.disabled !== this.props.disabled || props.clear !== this.props.clear || props.focus !== this.props.focus || props.actions !== this.props.actions || props.loader !== this.props.loader || props.glass !== this.props.glass || props.className !== this.props.className;
   }
   componentDidUpdate(prevProps) {
     const {
@@ -737,7 +736,7 @@ class QueryAssist extends Component {
     } = this.state;
     const classes = [];
     const LETTER_CLASS = 'letter';
-    const LETTER_DEFAULT_CLASS = modules_da7ab055.letterDefault;
+    const LETTER_DEFAULT_CLASS = styles.letterDefault;
     if (styleRanges && styleRanges.length) {
       styleRanges.forEach((item, index) => {
         if (dirty && index === styleRanges.length - 1 && item.style === 'text') {
@@ -745,12 +744,12 @@ class QueryAssist extends Component {
         }
         const styleName = "".concat(LETTER_CLASS, "-").concat(item.style.replace('_', '-'));
         for (let i = item.start; i < item.start + item.length; i++) {
-          classes[i] = modules_da7ab055[styleName];
+          classes[i] = styles[styleName];
         }
       });
     }
     return query && Array.from(query).map((letter, index, letters) => {
-      const className = classNames(modules_da7ab055.letter, classes[index] || LETTER_DEFAULT_CLASS);
+      const className = classNames(styles.letter, classes[index] || LETTER_DEFAULT_CLASS);
       const dataTest = letters.length - 1 === index ? 'ring-query-assist-last-letter' : null;
       // \u00a0 === &nbsp;
       return /*#__PURE__*/jsx("span", {
@@ -779,7 +778,7 @@ class QueryAssist extends Component {
     const actions = [...(this.props.actions || [])];
     const renderClear = this.props.clear && !!this.state.query;
     if (renderClear) {
-      actions.push( /*#__PURE__*/jsx(I18nContext.Consumer, {
+      actions.push(/*#__PURE__*/jsx(I18nContext.Consumer, {
         children: _ref6 => {
           var _this$props$translati, _this$props$translati2;
           let {
@@ -787,7 +786,7 @@ class QueryAssist extends Component {
           } = _ref6;
           return /*#__PURE__*/jsx(Button, {
             icon: closeIcon,
-            className: modules_da7ab055.clear,
+            className: styles.clear,
             title: (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.clearTitle) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('clearTitle'),
             ref: this.clearRef,
             onClick: this.clearQuery,
@@ -812,23 +811,23 @@ class QueryAssist extends Component {
     const renderLoader = this.props.loader !== false && this.state.loading;
     const renderGlass = glass && !renderLoader;
     const actions = this.renderActions();
-    const containerClasses = classNames(className, modules_88cfaf40["size".concat(huge ? Size.FULL : size)], {
-      [modules_da7ab055.queryAssist]: true,
-      [modules_da7ab055.withIcon]: renderGlass && !huge || renderLoader,
-      [modules_da7ab055.huge]: huge,
-      [modules_da7ab055.queryAssistDisabled]: this.props.disabled
+    const containerClasses = classNames(className, inputStyles["size".concat(huge ? Size.FULL : size)], {
+      [styles.queryAssist]: true,
+      [styles.withIcon]: renderGlass && !huge || renderLoader,
+      [styles.huge]: huge,
+      [styles.queryAssistDisabled]: this.props.disabled
     });
     const inputClasses = classNames(this.props.inputClassName, {
-      ["".concat(modules_da7ab055.input, " ring-js-shortcuts")]: true,
-      [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
-      [modules_da7ab055.inputGap2]: actions.length === 2,
+      ["".concat(styles.input, " ring-js-shortcuts")]: true,
+      [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
+      [styles.inputGap2]: actions.length === 2,
       // TODO: replace with flex-box layout
-      [modules_da7ab055.inputRevertOrder]: !glass || huge
+      [styles.inputRevertOrder]: !glass || huge
     });
     const placeholderStyles = classNames({
-      [modules_da7ab055.placeholder]: true,
-      [modules_da7ab055.hugePlaceholder]: huge,
-      [modules_da7ab055.withoutGlass]: !glass || !renderLoader && huge
+      [styles.placeholder]: true,
+      [styles.hugePlaceholder]: huge,
+      [styles.withoutGlass]: !glass || !renderLoader && huge
     });
     return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
       value: ControlsHeight.M,
@@ -848,14 +847,14 @@ class QueryAssist extends Component {
               scope: this.shortcutsScope
             }), renderGlass && !huge && /*#__PURE__*/jsx(Icon, {
               glyph: searchIcon,
-              className: modules_da7ab055.icon,
+              className: styles.icon,
               title: (_translations$searchT = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT !== void 0 ? _translations$searchT : translate('searchTitle'),
               ref: this.glassRef,
               "data-test": "query-assist-search-icon"
             }), renderLoader && /*#__PURE__*/jsx("div", {
-              className: classNames(modules_da7ab055.icon, modules_da7ab055.loader, {
-                [modules_da7ab055.loaderOnTheRight]: !glass && !huge,
-                [modules_da7ab055.loaderActive]: renderLoader
+              className: classNames(styles.icon, styles.loader, {
+                [styles.loaderOnTheRight]: !glass && !huge,
+                [styles.loaderActive]: renderLoader
               }),
               ref: this.loaderRef,
               children: /*#__PURE__*/jsx(LoaderInline, {})
@@ -893,7 +892,7 @@ class QueryAssist extends Component {
               children: this.props.placeholder
             }), actions.length ? /*#__PURE__*/jsx("div", {
               "data-test": "ring-query-assist-actions",
-              className: modules_da7ab055.actions,
+              className: styles.actions,
               children: actions
             }) : null, /*#__PURE__*/jsx(PopupMenu, {
               hidden: !this.state.showPopup,
@@ -915,11 +914,11 @@ class QueryAssist extends Component {
               onMouseUp: this.trackPopupMouseState,
               onSelect: item => this.handleComplete(item)
             }), glass && huge && /*#__PURE__*/jsx("div", {
-              className: modules_da7ab055.rightSearchButton,
+              className: styles.rightSearchButton,
               "data-test": "query-assist-search-button",
               children: /*#__PURE__*/jsx(Icon, {
                 glyph: searchIcon,
-                className: modules_da7ab055.rightSearchIcon,
+                className: styles.rightSearchIcon,
                 title: (_translations$searchT3 = translations === null || translations === void 0 ? void 0 : translations.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
                 onClick: this.handleApply,
                 ref: this.glassRef,

package/components/query-assist/query-assist__suggestions.js

@@ -13,7 +13,6 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'util-deprecate';
 import 'memoize-one';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/memoize.js';

package/components/radio/radio__item.js

@@ -6,7 +6,7 @@ import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var modules_df92307a = {"light":"light_rui_2ac4","radio":"radio_rui_798a","circle":"circle_rui_798a","input":"input_rui_798a","focus":"focus_rui_798a","label":"label_rui_798a"};
+var styles = {"radio":"radio_rui_798a","circle":"circle_rui_798a","input":"input_rui_798a","focus":"focus_rui_798a","label":"label_rui_798a"};
 
 const _excluded = ["className", "children", "help"],
   _excluded2 = ["value", "onChange"];
@@ -32,7 +32,7 @@ class RadioItemInner extends Component {
         help
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
-    const classes = classNames(modules_df92307a.radio, className);
+    const classes = classNames(styles.radio, className);
     return /*#__PURE__*/jsxs("label", {
       ref: this.labelRef,
       className: classes,
@@ -41,12 +41,12 @@ class RadioItemInner extends Component {
         id: this.uid
       }, restProps), {}, {
         ref: this.inputRef,
-        className: modules_df92307a.input,
+        className: styles.input,
         type: "radio"
       })), /*#__PURE__*/jsx("span", {
-        className: modules_df92307a.circle
+        className: styles.circle
       }), /*#__PURE__*/jsxs("span", {
-        className: modules_df92307a.label,
+        className: styles.label,
         children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
           children: help
         })]