@jetbrains/ring-ui-built 7.0.0-beta.5 → 7.0.0-beta.7

package/components/_helpers/button__classes.js

@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 
-var modules_e81895c9 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_6ad6","heightM":"heightM_rui_6ad6","heightL":"heightL_rui_6ad6","button":"button_rui_6ad6","active":"active_rui_6ad6","withIcon":"withIcon_rui_6ad6","icon":"icon_rui_6ad6","primary":"primary_rui_6ad6","loader":"loader_rui_6ad6","loaderBackground":"loaderBackground_rui_6ad6","danger":"danger_rui_6ad6","text":"text_rui_6ad6","content":"content_rui_6ad6","text-loading":"text-loading_rui_6ad6","inline":"inline_rui_6ad6","withNormalIcon":"withNormalIcon_rui_6ad6","withDangerIcon":"withDangerIcon_rui_6ad6","progress":"progress_rui_6ad6","delayed":"delayed_rui_6ad6","short":"short_rui_6ad6","dropdownIcon":"dropdownIcon_rui_6ad6"};
+var modules_e81895c9 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_6ad6","heightM":"heightM_rui_6ad6","heightL":"heightL_rui_6ad6","button":"button_rui_6ad6","block":"block_rui_6ad6","inline":"inline_rui_6ad6","icon":"icon_rui_6ad6","withNormalIcon":"withNormalIcon_rui_6ad6","active":"active_rui_6ad6","primaryBlock":"primaryBlock_rui_6ad6","disabled":"disabled_rui_6ad6","loader":"loader_rui_6ad6","loaderBackground":"loaderBackground_rui_6ad6","danger":"danger_rui_6ad6","iconOnly":"iconOnly_rui_6ad6","text-loading":"text-loading_rui_6ad6","progress":"progress_rui_6ad6","delayed":"delayed_rui_6ad6","short":"short_rui_6ad6","dropdownIcon":"dropdownIcon_rui_6ad6","primary":"primary_rui_6ad6"};
 
 function getButtonClasses(_ref) {
   let {
@@ -10,26 +10,27 @@ function getButtonClasses(_ref) {
     loader,
     primary,
     short,
-    text,
     inline,
     danger,
     delayed,
     icon,
-    height
+    height,
+    children
   } = _ref;
-  const withNormalIcon = icon && !active && !danger && !primary && !disabled;
-  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], {
+  const iconOnly = icon && !children;
+  const primaryBlock = primary && !inline;
+  const withNormalIcon = icon && !active && !danger && !primary && !disabled && (!inline || iconOnly);
+  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], inline ? modules_e81895c9.inline : modules_e81895c9.block, {
     [modules_e81895c9.active]: active,
     [modules_e81895c9.danger]: danger,
     [modules_e81895c9.delayed]: delayed,
-    [modules_e81895c9.withIcon]: icon,
     [modules_e81895c9.withNormalIcon]: withNormalIcon,
-    [modules_e81895c9.withDangerIcon]: icon && danger,
-    [modules_e81895c9.loader]: loader && !icon,
+    [modules_e81895c9.loader]: loader,
     [modules_e81895c9.primary]: primary,
+    [modules_e81895c9.primaryBlock]: primaryBlock,
     [modules_e81895c9.short]: short,
-    [modules_e81895c9.text]: text,
-    [modules_e81895c9.inline]: inline
+    [modules_e81895c9.disabled]: disabled,
+    [modules_e81895c9.iconOnly]: iconOnly
   });
 }
 

package/components/_helpers/input.js

@@ -13,7 +13,7 @@ import { ControlLabel } from '../control-label/control-label.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var modules_88cfaf40 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_1f0c","heightM":"heightM_rui_1f0c","heightL":"heightL_rui_1f0c","button":"button_rui_1f0c","active":"active_rui_1f0c","withIcon":"withIcon_rui_1f0c","icon":"icon_rui_1f0c","primary":"primary_rui_1f0c","loader":"loader_rui_1f0c","loaderBackground":"loaderBackground_rui_1f0c","danger":"danger_rui_1f0c","text":"text_rui_1f0c","content":"content_rui_1f0c","text-loading":"text-loading_rui_1f0c","inline":"inline_rui_1f0c","withNormalIcon":"withNormalIcon_rui_1f0c","withDangerIcon":"withDangerIcon_rui_1f0c","progress":"progress_rui_1f0c","delayed":"delayed_rui_1f0c","short":"short_rui_1f0c","dropdownIcon":"dropdownIcon_rui_1f0c","outerContainer":"outerContainer_rui_1f0c","borderless":"borderless_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","error":"error_rui_1f0c","clearable":"clearable_rui_1f0c","clear":"clear_rui_1f0c","empty":"empty_rui_1f0c","errorText":"errorText_rui_1f0c","helpText":"helpText_rui_1f0c","sizeS":"sizeS_rui_1f0c","sizeM":"sizeM_rui_1f0c","sizeL":"sizeL_rui_1f0c","sizeFULL":"sizeFULL_rui_1f0c"};
+var modules_88cfaf40 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_1f0c","heightM":"heightM_rui_1f0c","heightL":"heightL_rui_1f0c","button":"button_rui_1f0c","block":"block_rui_1f0c","inline":"inline_rui_1f0c","icon":"icon_rui_1f0c","withNormalIcon":"withNormalIcon_rui_1f0c","active":"active_rui_1f0c","primaryBlock":"primaryBlock_rui_1f0c","disabled":"disabled_rui_1f0c","loader":"loader_rui_1f0c","loaderBackground":"loaderBackground_rui_1f0c","danger":"danger_rui_1f0c","iconOnly":"iconOnly_rui_1f0c","text-loading":"text-loading_rui_1f0c","progress":"progress_rui_1f0c","delayed":"delayed_rui_1f0c","short":"short_rui_1f0c","dropdownIcon":"dropdownIcon_rui_1f0c","primary":"primary_rui_1f0c","outerContainer":"outerContainer_rui_1f0c","borderless":"borderless_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","error":"error_rui_1f0c","withIcon":"withIcon_rui_1f0c","clearable":"clearable_rui_1f0c","clear":"clear_rui_1f0c","empty":"empty_rui_1f0c","errorText":"errorText_rui_1f0c","helpText":"helpText_rui_1f0c","sizeS":"sizeS_rui_1f0c","sizeM":"sizeM_rui_1f0c","sizeL":"sizeL_rui_1f0c","sizeFULL":"sizeFULL_rui_1f0c"};
 
 const _excluded = ["size", "multiline", "borderless", "label", "labelType", "error", "help", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
 function noop() {}

package/components/_helpers/query-assist__suggestions.js

@@ -2,7 +2,7 @@ import 'core-js/modules/es.symbol.description.js';
 import List from '../list/list.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var modules_da7ab055 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","overInputZIndex":"2","inputGap":"calc(var(--ring-unit)*3)","light":"light_rui_2ac4","heightS":"heightS_rui_0eb8","heightM":"heightM_rui_0eb8","heightL":"heightL_rui_0eb8","button":"button_rui_0eb8","active":"active_rui_0eb8","withIcon":"withIcon_rui_0eb8","icon":"icon_rui_0eb8","primary":"primary_rui_0eb8","loader":"loader_rui_0eb8","loaderBackground":"loaderBackground_rui_0eb8","danger":"danger_rui_0eb8","text":"text_rui_0eb8","content":"content_rui_0eb8","text-loading":"text-loading_rui_0eb8","inline":"inline_rui_0eb8","withNormalIcon":"withNormalIcon_rui_0eb8","withDangerIcon":"withDangerIcon_rui_0eb8","progress":"progress_rui_0eb8","delayed":"delayed_rui_0eb8","short":"short_rui_0eb8","dropdownIcon":"dropdownIcon_rui_0eb8","queryAssist":"queryAssist_rui_0eb8","error":"error_rui_0eb8","queryAssistDisabled":"queryAssistDisabled_rui_0eb8","huge":"huge_rui_0eb8","actions":"actions_rui_0eb8","input":"input_rui_0eb8","letter-text":"letter-text_rui_0eb8","letterDefault":"letterDefault_rui_0eb8","letter-field-name":"letter-field-name_rui_0eb8","letter-field-value":"letter-field-value_rui_0eb8","letter-operator":"letter-operator_rui_0eb8","letter-error":"letter-error_rui_0eb8","highlight":"highlight_rui_0eb8","service":"service_rui_0eb8","placeholder":"placeholder_rui_0eb8 resetButton_rui_f295","hugePlaceholder":"hugePlaceholder_rui_0eb8","letter":"letter_rui_0eb8","rightSearchButton":"rightSearchButton_rui_0eb8","clear":"clear_rui_0eb8","withoutGlass":"withoutGlass_rui_0eb8","loaderActive":"loaderActive_rui_0eb8","loaderOnTheRight":"loaderOnTheRight_rui_0eb8","inputRevertOrder":"inputRevertOrder_rui_0eb8"};
+var modules_da7ab055 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","overInputZIndex":"2","inputGap":"calc(var(--ring-unit)*3)","light":"light_rui_2ac4","heightS":"heightS_rui_0eb8","heightM":"heightM_rui_0eb8","heightL":"heightL_rui_0eb8","button":"button_rui_0eb8","block":"block_rui_0eb8","inline":"inline_rui_0eb8","icon":"icon_rui_0eb8","withNormalIcon":"withNormalIcon_rui_0eb8","active":"active_rui_0eb8","primaryBlock":"primaryBlock_rui_0eb8","disabled":"disabled_rui_0eb8","loader":"loader_rui_0eb8","loaderBackground":"loaderBackground_rui_0eb8","danger":"danger_rui_0eb8","iconOnly":"iconOnly_rui_0eb8","text-loading":"text-loading_rui_0eb8","progress":"progress_rui_0eb8","delayed":"delayed_rui_0eb8","short":"short_rui_0eb8","dropdownIcon":"dropdownIcon_rui_0eb8","primary":"primary_rui_0eb8","queryAssist":"queryAssist_rui_0eb8","error":"error_rui_0eb8","queryAssistDisabled":"queryAssistDisabled_rui_0eb8","huge":"huge_rui_0eb8","actions":"actions_rui_0eb8","input":"input_rui_0eb8","letter-text":"letter-text_rui_0eb8","letterDefault":"letterDefault_rui_0eb8","letter-field-name":"letter-field-name_rui_0eb8","letter-field-value":"letter-field-value_rui_0eb8","letter-operator":"letter-operator_rui_0eb8","letter-error":"letter-error_rui_0eb8","highlight":"highlight_rui_0eb8","service":"service_rui_0eb8","placeholder":"placeholder_rui_0eb8 resetButton_rui_f295","hugePlaceholder":"hugePlaceholder_rui_0eb8","letter":"letter_rui_0eb8","rightSearchButton":"rightSearchButton_rui_0eb8","clear":"clear_rui_0eb8","withoutGlass":"withoutGlass_rui_0eb8","loaderActive":"loaderActive_rui_0eb8","loaderOnTheRight":"loaderOnTheRight_rui_0eb8","inputRevertOrder":"inputRevertOrder_rui_0eb8"};
 
 const ICON_ID_LENGTH = 44;
 class QueryAssistSuggestions {

package/components/auth/iframe-flow.js

@@ -33,8 +33,8 @@ import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/auth-dialog/auth-dialog.js

@@ -32,8 +32,8 @@ import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../global/memoize.js';

package/components/auth-dialog-service/auth-dialog-service.js

@@ -31,8 +31,8 @@ import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../global/memoize.js';

package/components/breadcrumbs/breadcrumbs.js

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
-import { Children, Fragment } from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
+import { Fragment } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var modules_18e4daa4 = {"separator":"separator_rui_09b2"};
@@ -9,7 +10,7 @@ function Breadcrumbs(_ref) {
     separatorClassName,
     children
   } = _ref;
-  return Children.toArray(children).map((child, index) =>
+  return flattenChildren(children).map((child, index) =>
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
   jsxs(Fragment, {

package/components/button/button.js

@@ -3,25 +3,33 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent, createRef } from 'react';
 import classNames from 'classnames';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
+import deprecate from 'util-deprecate';
 import Icon from '../icon/icon.js';
 import ClickableLink from '../link/clickableLink.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Size } from '../icon/icon__constants.js';
-import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
-const _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "inline", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children"];
+const _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children", "inline"];
+const warnText = deprecate(() => {}, 'Button: "text" prop is deprecated and will be removed in 8.0. Use inline instead.');
+/**
+ * @name Button
+ */
+/**
+ * A component for displaying variously styled buttons.
+ */
 class Button extends PureComponent {
   constructor() {
     super(...arguments);
     _defineProperty(this, "buttonRef", /*#__PURE__*/createRef());
   }
   render() {
+    var _ref;
     const _this$props = this.props,
       {
         // Modifiers
@@ -32,44 +40,34 @@ class Button extends PureComponent {
         primary,
         short,
         text,
-        inline,
         dropdown,
-        height = this.context,
+        height,
         // Props
         icon,
         iconSize,
         iconClassName,
         iconSuppressSizeWarning,
         className,
-        children
+        children,
+        inline
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    const classes = getButtonClasses({
-      className,
-      active,
-      danger,
-      delayed,
-      icon,
-      loader,
-      primary,
-      short,
-      text,
-      inline,
-      height
-    });
-    const content = /*#__PURE__*/jsxs("span", {
-      className: modules_e81895c9.content,
-      children: [icon && /*#__PURE__*/jsx("span", {
+    const isInline = (_ref = inline !== null && inline !== void 0 ? inline : text) !== null && _ref !== void 0 ? _ref : icon != null;
+    if (text != null) {
+      warnText();
+    }
+    const classes = getButtonClasses(_objectSpread2(_objectSpread2({}, this.props), {}, {
+      inline: isInline,
+      height: height !== null && height !== void 0 ? height : this.context
+    }));
+    const content = /*#__PURE__*/jsxs(Fragment, {
+      children: [icon && /*#__PURE__*/jsx(Icon, {
         className: classNames(modules_e81895c9.icon, iconClassName),
-        children: /*#__PURE__*/jsx(Icon, {
-          glyph: icon,
-          size: iconSize,
-          loading: loader,
-          suppressSizeWarning: iconSuppressSizeWarning
-        })
-      }), children && /*#__PURE__*/jsx("span", {
-        children: children
-      }), dropdown && /*#__PURE__*/jsx(Icon, {
+        glyph: icon,
+        size: iconSize,
+        loading: loader && isInline,
+        suppressSizeWarning: iconSuppressSizeWarning
+      }), children, dropdown && /*#__PURE__*/jsx(Icon, {
         glyph: chevronDownIcon,
         className: modules_e81895c9.dropdownIcon
       })]
@@ -79,7 +77,7 @@ class Button extends PureComponent {
     }, props), {}, {
       className: classes,
       children: /*#__PURE__*/jsxs(Fragment, {
-        children: [loader && !text && !icon && /*#__PURE__*/jsx("div", {
+        children: [loader && !isInline && /*#__PURE__*/jsx("div", {
           className: modules_e81895c9.loaderBackground
         }), content]
       })

package/components/button/button__classes.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from './button';
-export declare function getButtonClasses({ className, active, disabled, loader, primary, short, text, inline, danger, delayed, icon, height }: ButtonProps): string;
+export declare function getButtonClasses({ className, active, disabled, loader, primary, short, inline, danger, delayed, icon, height, children }: ButtonProps): string;

package/components/confirm/confirm.js

@@ -32,8 +32,8 @@ import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/confirm-service/confirm-service.js

@@ -31,8 +31,8 @@ import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/data-list/data-list.js

@@ -30,8 +30,8 @@ import '../_helpers/link.js';
 import '../text/text.js';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/data-list/item.js

@@ -14,8 +14,8 @@ import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';

package/components/date-picker/date-input.js

@@ -12,8 +12,8 @@ import { jsx } from 'react/jsx-runtime';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../global/memoize.js';

package/components/date-picker/date-popup.js

@@ -23,8 +23,8 @@ import '../_helpers/input.js';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../link/clickableLink.js';

package/components/dialog/dialog.js

@@ -28,8 +28,8 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/dom.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/global/rerender-hoc.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import { Component, PropsWithoutRef } from 'react';
 export interface RerenderableComponent<P, S> extends Component<P, S> {
     node?: HTMLElement | null;
 }
@@ -7,4 +7,4 @@ export interface RerenderableComponentClass<P, S> {
 }
 export default function rerenderHOC<P extends {}, C extends Component<P, unknown>>(ComposedComponent: {
     new (props: P): C;
-}): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<C>>;
+}): import("react").ForwardRefExoticComponent<PropsWithoutRef<P> & import("react").RefAttributes<C>>;

package/components/header/header-icon.js

@@ -6,8 +6,8 @@ import { m as modules_47759f5e } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';

package/components/header/profile.js

@@ -17,8 +17,8 @@ import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
 import '../global/get-uid.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import '../global/memoize.js';

package/components/input/input.js

@@ -14,10 +14,10 @@ import '../control-help/control-help.js';
 export { I as Input, S as Size, I as default } from '../_helpers/input.js';
 import 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
+import 'util-deprecate';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../icon/icon__constants.js';
-import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';

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

@@ -29,8 +29,8 @@ import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/login-dialog/service.js

@@ -30,8 +30,8 @@ import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/message/message.js

@@ -38,7 +38,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","button":"button_rui_a216","tail":"tail_rui_a216"};
+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"};
 
 const UNIT = 8;
 const TAIL_SIZE = 11;
@@ -198,7 +198,7 @@ class Message extends Component {
                   className: modules_8b837449.description,
                   children: children
                 }), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
-                  className: modules_8b837449.button,
+                  className: modules_8b837449.gotIt,
                   onClick: onClose,
                   primary: true
                 }, buttonProps), {}, {

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

@@ -9,11 +9,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-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"]) {
+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"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-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 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 WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/components/pager/pager.js

@@ -14,11 +14,11 @@ import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
+import 'util-deprecate';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../icon/icon__constants.js';
-import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -88,7 +88,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"};
+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"};
 
 class Pager extends PureComponent {
   constructor() {
@@ -189,9 +189,7 @@ class Pager extends PureComponent {
     const selectOptions = this.getSelectOptions();
     return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
       "data-test": "ring-pager-page-size-selector",
-      style: {
-        float: 'right'
-      },
+      className: modules_1a5f0d42.pageSize,
       children: /*#__PURE__*/jsx(Select, {
         data: selectOptions.data,
         selected: selectOptions.selected,
@@ -301,16 +299,19 @@ 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(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({
-            href: this.generateHref(end + 1),
-            disabled: this.props.loader
-          }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
-            children: '...'
-          }))]
-        }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === void 0 ? void 0 : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))]
-      }), this.getPageSizeSelector()]
+      children: [this.getPagerLinks(), /*#__PURE__*/jsxs("div", {
+        className: modules_1a5f0d42.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({
+              href: this.generateHref(end + 1),
+              disabled: this.props.loader
+            }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
+              children: '...'
+            }))]
+          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati10 = this.props.translations) === null || _this$props$translati10 === void 0 ? void 0 : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))]
+        }), this.getPageSizeSelector()]
+      })]
     });
   }
   render() {

package/components/select/select.d.ts

@@ -213,6 +213,9 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     shortcutsScope: string;
     listId: string;
     private _focusHandler;
+    isClickingSelect: boolean;
+    mouseDownHandler: () => void;
+    mouseUpHandler: () => void;
     private _blurHandler;
     node?: HTMLElement | null;
     nodeRef: (el: HTMLElement | null) => void;

package/components/select/select.js

@@ -82,7 +82,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","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","heightS":"heightS_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 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"};
 
 function noop() {}
 /**
@@ -260,10 +260,17 @@ class Select extends Component {
         focused: true
       });
     });
+    _defineProperty(this, "isClickingSelect", false);
+    _defineProperty(this, "mouseDownHandler", () => {
+      this.isClickingSelect = true;
+    });
+    _defineProperty(this, "mouseUpHandler", () => {
+      this.isClickingSelect = false;
+    });
     _defineProperty(this, "_blurHandler", () => {
       var _this$_popup;
       this.props.onBlur();
-      if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup) {
+      if (this._popup && this._popup.isVisible() && !this._popup.isClickingPopup && !this.isClickingSelect) {
         window.setTimeout(() => {
           this.setState({
             showPopup: false
@@ -979,6 +986,10 @@ class Select extends Component {
             ref: this.nodeRef,
             className: classNames(classes, modules_9d0de074.inputMode),
             "data-test": joinDataTestAttributes('ring-select', dataTest),
+            role: "presentation" // has interactive elements inside
+            ,
+            onMouseDown: this.mouseDownHandler,
+            onMouseUp: this.mouseUpHandler,
             children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
               map: this.getShortcutsMap(),
               scope: this.shortcutsScope

package/components/select/select__filter.js

@@ -11,8 +11,8 @@ import 'react/jsx-runtime';
 import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
-import '../icon/icon.js';
 import 'util-deprecate';
+import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';