@jetbrains/ring-ui-built 7.0.0-beta.13 → 7.0.0-beta.15

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 129", "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 129", "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, {

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-animation":"progress-bar-animation_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';
@@ -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", {
@@ -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
         })]

package/components/scrollable-section/scrollable-section.js

@@ -4,7 +4,7 @@ import { useState, useRef, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_8c094df0 = {"scrollableSection":"scrollableSection_rui_29c1","withTopBorder":"withTopBorder_rui_29c1","withRightBorder":"withRightBorder_rui_29c1","withBottomBorder":"withBottomBorder_rui_29c1","withLeftBorder":"withLeftBorder_rui_29c1"};
+var styles = {"scrollableSection":"scrollableSection_rui_29c1","withTopBorder":"withTopBorder_rui_29c1","withRightBorder":"withRightBorder_rui_29c1","withBottomBorder":"withBottomBorder_rui_29c1","withLeftBorder":"withLeftBorder_rui_29c1"};
 
 const _excluded = ["className"];
 function ScrollableSection(_ref) {
@@ -39,11 +39,11 @@ function ScrollableSection(_ref) {
     return () => window.removeEventListener('resize', calculateScrollPosition);
   }, [calculateScrollPosition]);
   return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
-    className: classNames(modules_8c094df0.scrollableSection, className, {
-      [modules_8c094df0.withTopBorder]: !scrolledToTop,
-      [modules_8c094df0.withRightBorder]: !scrolledToRight,
-      [modules_8c094df0.withBottomBorder]: !scrolledToBottom,
-      [modules_8c094df0.withLeftBorder]: !scrolledToLeft
+    className: classNames(styles.scrollableSection, className, {
+      [styles.withTopBorder]: !scrolledToTop,
+      [styles.withRightBorder]: !scrolledToRight,
+      [styles.withBottomBorder]: !scrolledToBottom,
+      [styles.withLeftBorder]: !scrolledToLeft
     }),
     ref: ref,
     onScroll: calculateScrollPosition

package/components/select/select.d.ts

@@ -49,7 +49,7 @@ export interface CustomAnchorProps {
     } & DataTestProps;
     popup: ReactNode;
 }
-export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
+export type CustomAnchor = (props: CustomAnchorProps) => ReactNode;
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;

package/components/select/select.js

@@ -1,5 +1,4 @@
 import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties, c as _toPropertyKey } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.trim.js';
@@ -13,7 +12,7 @@ import '../dropdown/dropdown.js';
 import Avatar, { Size as Size$1 } from '../avatar/avatar.js';
 import Popup from '../popup/popup.js';
 import List, { ActiveItemContext } from '../list/list.js';
-import { S as Size, I as Input, m as modules_88cfaf40 } from '../_helpers/input.js';
+import { S as Size, I as Input, i as inputStyles } from '../_helpers/input.js';
 import { ControlLabel } from '../control-label/control-label.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
 import { Button } from '../button/button.js';
@@ -82,7 +81,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_9d0de074 = {"button-shadow":"i__const_button_shadow_0","select":"select_rui_e9c2","value":"value_rui_e9c2 ellipsis_rui_f295 font_rui_f295","icons":"icons_rui_e9c2","light":"light_rui_2ac4","toolbar":"toolbar_rui_e9c2","button":"button_rui_e9c2","buttonSpaced":"buttonSpaced_rui_e9c2","inputMode":"inputMode_rui_e9c2","heightS":"heightS_rui_e9c2","heightL":"heightL_rui_e9c2","selectedIcon":"selectedIcon_rui_e9c2 resetButton_rui_f295","clearIcon":"clearIcon_rui_e9c2","sizeS":"sizeS_rui_e9c2","sizeM":"sizeM_rui_e9c2","sizeL":"sizeL_rui_e9c2","sizeFULL":"sizeFULL_rui_e9c2","sizeAUTO":"sizeAUTO_rui_e9c2","buttonMode":"buttonMode_rui_e9c2","open":"open_rui_e9c2","buttonContainer":"buttonContainer_rui_e9c2","buttonValue":"buttonValue_rui_e9c2 ellipsis_rui_f295","buttonValueOpen":"buttonValueOpen_rui_e9c2","buttonValueEmpty":"buttonValueEmpty_rui_e9c2","label":"label_rui_e9c2","disabled":"disabled_rui_e9c2","avatar":"avatar_rui_e9c2","popup":"popup_rui_e9c2","chevron":"chevron_rui_e9c2","chevronIcon":"chevronIcon_rui_e9c2"};
+var styles = {"select":"select_rui_e9c2","value":"value_rui_e9c2 ellipsis_rui_f295 font_rui_f295","icons":"icons_rui_e9c2","toolbar":"toolbar_rui_e9c2","button":"button_rui_e9c2","buttonSpaced":"buttonSpaced_rui_e9c2","inputMode":"inputMode_rui_e9c2","heightS":"heightS_rui_e9c2","heightL":"heightL_rui_e9c2","selectedIcon":"selectedIcon_rui_e9c2 resetButton_rui_f295","clearIcon":"clearIcon_rui_e9c2","sizeS":"sizeS_rui_e9c2","sizeM":"sizeM_rui_e9c2","sizeL":"sizeL_rui_e9c2","sizeFULL":"sizeFULL_rui_e9c2","sizeAUTO":"sizeAUTO_rui_e9c2","buttonMode":"buttonMode_rui_e9c2","open":"open_rui_e9c2","buttonContainer":"buttonContainer_rui_e9c2","buttonValue":"buttonValue_rui_e9c2 ellipsis_rui_f295","buttonValueOpen":"buttonValueOpen_rui_e9c2","buttonValueEmpty":"buttonValueEmpty_rui_e9c2","label":"label_rui_e9c2","disabled":"disabled_rui_e9c2","avatar":"avatar_rui_e9c2","popup":"popup_rui_e9c2","chevron":"chevron_rui_e9c2","chevronIcon":"chevronIcon_rui_e9c2"};
 
 function noop() {}
 /**
@@ -422,6 +421,7 @@ class Select extends Component {
     _defineProperty(this, "_redrawPopup", () => {
       if (this.props.multiple) {
         setTimeout(() => {
+          //setTimeout solves events order and bubbling issue
           if (this.isInputMode()) {
             this.clearFilter();
           }
@@ -696,7 +696,7 @@ class Select extends Component {
       rgItemType: List.ListProps.Type.CUSTOM,
       template: /*#__PURE__*/jsx(Button, {
         text: true,
-        className: modules_9d0de074.button,
+        className: styles.button,
         "data-test": "ring-select-reset-tags-button",
         height: ControlsHeight.S,
         children: reset.label
@@ -801,13 +801,13 @@ class Select extends Component {
     }
     return /*#__PURE__*/jsxs("div", {
       className: classNames({
-        [modules_9d0de074.toolbar]: Boolean(this.state.addButton || renderBottomToolbar)
+        [styles.toolbar]: Boolean(this.state.addButton || renderBottomToolbar)
       }),
       "data-test": "ring-select-toolbar",
       children: [renderBottomToolbar && renderBottomToolbar(), this.state.addButton && /*#__PURE__*/jsx(Button, {
         text: true,
         delayed: delayed,
-        className: classNames(modules_9d0de074.button, modules_9d0de074.buttonSpaced),
+        className: classNames(styles.button, styles.buttonSpaced),
         onClick: this.addHandler,
         "data-test": "ring-select-toolbar-button",
         children: prefix ? "".concat(prefix, " ").concat(label) : label
@@ -894,7 +894,7 @@ class Select extends Component {
       icons.push(/*#__PURE__*/jsx("button", {
         title: "Toggle options popup",
         type: "button",
-        className: modules_9d0de074.selectedIcon,
+        className: styles.selectedIcon,
         disabled: this.props.disabled,
         onClick: this._clickHandler,
         style: {
@@ -906,7 +906,7 @@ class Select extends Component {
       icons.push(/*#__PURE__*/jsx(Button, {
         title: "Clear selection",
         "data-test": "ring-clear-select",
-        className: modules_9d0de074.clearIcon,
+        className: styles.clearIcon,
         disabled: this.props.disabled,
         onClick: this.clear,
         height: height,
@@ -916,8 +916,8 @@ class Select extends Component {
     if (!hideArrow) {
       icons.push(/*#__PURE__*/jsx(Button, {
         title: "Toggle options popup",
-        className: modules_9d0de074.chevron,
-        iconClassName: modules_9d0de074.chevronIcon,
+        className: styles.chevron,
+        iconClassName: styles.chevronIcon,
         icon: chevronDownIcon,
         disabled: this.props.disabled,
         height: height,
@@ -929,7 +929,7 @@ class Select extends Component {
   _getAvatar() {
     var _this$state$selected, _this$state$selected2;
     return !Array.isArray(this.state.selected) && (((_this$state$selected = this.state.selected) === null || _this$state$selected === void 0 ? void 0 : _this$state$selected.avatar) || ((_this$state$selected2 = this.state.selected) === null || _this$state$selected2 === void 0 ? void 0 : _this$state$selected2.showGeneratedAvatar)) && /*#__PURE__*/jsx(Avatar, {
-      className: modules_9d0de074.avatar,
+      className: styles.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
       size: Size$1.Size20
@@ -957,9 +957,9 @@ class Select extends Component {
     const {
       shortcutsEnabled
     } = this.state;
-    const classes = classNames(modules_9d0de074.select, 'ring-js-shortcuts', this.props.className, modules_9d0de074["height".concat(this.props.height || this.context)], {
-      [modules_9d0de074["size".concat(this.props.size)]]: this.props.type !== Type.INLINE,
-      [modules_9d0de074.disabled]: this.props.disabled
+    const classes = classNames(styles.select, 'ring-js-shortcuts', this.props.className, styles["height".concat(this.props.height || this.context)], {
+      [styles["size".concat(this.props.size)]]: this.props.type !== Type.INLINE,
+      [styles.disabled]: this.props.disabled
     });
     let style;
     let iconsNode;
@@ -967,7 +967,7 @@ class Select extends Component {
       const icons = this._getIcons();
       style = getStyle(icons.length);
       iconsNode = /*#__PURE__*/jsx("div", {
-        className: modules_9d0de074.icons,
+        className: styles.icons,
         children: icons
       });
     }
@@ -984,7 +984,7 @@ class Select extends Component {
         return /*#__PURE__*/jsxs(Fragment$1, {
           children: [/*#__PURE__*/jsxs("div", {
             ref: this.nodeRef,
-            className: classNames(classes, modules_9d0de074.inputMode),
+            className: classNames(classes, styles.inputMode),
             "data-test": joinDataTestAttributes('ring-select', dataTest),
             role: "presentation" // has interactive elements inside
             ,
@@ -1019,14 +1019,14 @@ class Select extends Component {
               afterInput: iconsNode
             })), this._renderPopup()]
           }), this.props.error && /*#__PURE__*/jsx("div", {
-            className: classNames(modules_88cfaf40.errorText, modules_88cfaf40["size".concat(this.props.size)]),
+            className: classNames(inputStyles.errorText, inputStyles["size".concat(this.props.size)]),
             children: this.props.error
           })]
         });
       case Type.BUTTON:
         return /*#__PURE__*/jsxs("div", {
           ref: this.nodeRef,
-          className: classNames(classes, modules_9d0de074.buttonMode),
+          className: classNames(classes, styles.buttonMode),
           "data-test": joinDataTestAttributes('ring-select', dataTest),
           children: [selectedLabel && /*#__PURE__*/jsx(ControlLabel, {
             type: this.props.labelType,
@@ -1037,14 +1037,14 @@ class Select extends Component {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
           }), /*#__PURE__*/jsxs("div", {
-            className: modules_9d0de074.buttonContainer,
+            className: styles.buttonContainer,
             children: [/*#__PURE__*/jsxs(Button, _objectSpread2(_objectSpread2({}, ariaProps), {}, {
               height: this.props.height,
               id: this.props.id,
               onClick: this._clickHandler,
-              className: classNames(this.props.buttonClassName, modules_9d0de074.buttonValue, {
-                [modules_9d0de074.buttonValueOpen]: this.state.showPopup,
-                [modules_9d0de074.buttonValueEmpty]: this._selectionIsEmpty()
+              className: classNames(this.props.buttonClassName, styles.buttonValue, {
+                [styles.buttonValueOpen]: this.state.showPopup,
+                [styles.buttonValueEmpty]: this._selectionIsEmpty()
               }),
               disabled: this.props.disabled,
               style: style,

package/components/select/select__filter.js

@@ -33,7 +33,6 @@ import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
 import '../shortcuts/shortcuts.js';