@jetbrains/ring-ui-built 7.0.93 → 7.0.94

package/components/_helpers/button.classes.js

@@ -24,7 +24,7 @@ function getButtonClasses({
   const iconOnly = (icon || iconRight) && !children;
   const primaryBlock = primary && !inline;
   const withNormalIcon = iconOnly && inline && !active && !danger && !primary && !disabled;
-  return classNames(styles.button, className, styles[`height${height}`], inline ? styles.inline : styles.block, {
+  return classNames(styles.button, className, height && styles[`height${height}`], inline ? styles.inline : styles.block, {
     [styles.active]: active,
     [styles.danger]: danger,
     [styles.delayed]: delayed,

package/components/_helpers/input.js

@@ -19,7 +19,7 @@ function noop() {}
  */
 var Size;
 (function (Size) {
-  Size["AUTO"] = "Auto";
+  Size["AUTO"] = "AUTO";
   Size["S"] = "S";
   Size["M"] = "M";
   Size["L"] = "L";
@@ -125,7 +125,7 @@ class Input extends PureComponent {
       empty
     } = this.state;
     const clearable = !!onClear;
-    const classes = classNames(className, inputStyles.outerContainer, [inputStyles[`size${size}`]], [inputStyles[`height${height}`]], {
+    const classes = classNames(className, inputStyles.outerContainer, size && size !== Size.AUTO && inputStyles[`size${size}`], inputStyles[`height${height}`], {
       'ring-js-shortcuts': enableShortcuts === true,
       [inputStyles.error]: error !== null && error !== undefined,
       [inputStyles.empty]: empty,

package/components/_helpers/tab-link.js

@@ -6,12 +6,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var styles = {"tabs":"ring-tabs-tabs ring-global-font","titles":"ring-tabs-titles","title":"ring-tabs-title ring-global-font","selected":"ring-tabs-selected","collapsed":"ring-tabs-collapsed","titleLegacy":"ring-tabs-titleLegacy","visible":"ring-tabs-visible","container":"ring-tabs-container","hidden":"ring-tabs-hidden","hiddenBold":"ring-tabs-hiddenBold","hiddenRegular":"ring-tabs-hiddenRegular","tabCounter":"ring-tabs-tabCounter","autoCollapseContainer":"ring-tabs-autoCollapseContainer","autoCollapse":"ring-tabs-autoCollapse","rendered":"ring-tabs-rendered","adjusted":"ring-tabs-adjusted","measure":"ring-tabs-measure","morePopup":"ring-tabs-morePopup","morePopupBeforeEnd":"ring-tabs-morePopupBeforeEnd"};
 
 function TabLink(t0) {
-  const $ = c(15);
-  if ($[0] !== "39f1a89c5c733a624de38d6be3582c0990b2039ec09c55b8645875ea44f687f4") {
-    for (let $i = 0; $i < 15; $i += 1) {
+  const $ = c(16);
+  if ($[0] !== "a34e52ef57ef77520b81c102abceadb1a62c0cef7e33782add424fec6204cfe4") {
+    for (let $i = 0; $i < 16; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "39f1a89c5c733a624de38d6be3582c0990b2039ec09c55b8645875ea44f687f4";
+    $[0] = "a34e52ef57ef77520b81c102abceadb1a62c0cef7e33782add424fec6204cfe4";
   }
   let collapsed;
   let isSelected;
@@ -54,12 +54,15 @@ function TabLink(t0) {
         className: styles.visible,
         children: renderedTitle
       }), /*#__PURE__*/jsx("span", {
+        "aria-hidden": true,
         className: styles.hidden,
         children: renderedTitle
       }), /*#__PURE__*/jsx("span", {
+        "aria-hidden": true,
         className: styles.hiddenBold,
         children: renderedTitle
       }), /*#__PURE__*/jsx("span", {
+        "aria-hidden": true,
         className: styles.hiddenRegular,
         children: renderedTitle
       })]
@@ -70,16 +73,18 @@ function TabLink(t0) {
     t2 = $[11];
   }
   let t3;
-  if ($[12] !== restProps || $[13] !== t2) {
+  if ($[12] !== isSelected || $[13] !== restProps || $[14] !== t2) {
     t3 = /*#__PURE__*/jsx(Link, {
       ...restProps,
+      "data-test-selected": isSelected,
       children: t2
     });
-    $[12] = restProps;
-    $[13] = t2;
-    $[14] = t3;
+    $[12] = isSelected;
+    $[13] = restProps;
+    $[14] = t2;
+    $[15] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[15];
   }
   return t3;
 }

package/components/avatar-stack/avatar-stack.js

@@ -69,11 +69,11 @@ var styles = {"avatarStack":"ring-avatar-stack-avatarStack","extraText":"ring-av
 
 function AvatarStack(t0) {
   const $ = c(28);
-  if ($[0] !== "ff0a7d0ce1f64ba19b02b705828ff79b7d7a691c2134fe54a0faaf545335d4f7") {
+  if ($[0] !== "7c1a1eb1e78b51cf2e869808174f0a400bcb10f038b5fe22275d5cdc8f4f1bb3") {
     for (let $i = 0; $i < 28; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "ff0a7d0ce1f64ba19b02b705828ff79b7d7a691c2134fe54a0faaf545335d4f7";
+    $[0] = "7c1a1eb1e78b51cf2e869808174f0a400bcb10f038b5fe22275d5cdc8f4f1bb3";
   }
   let children;
   let className;
@@ -107,42 +107,42 @@ function AvatarStack(t0) {
   }
   const size = t1 === undefined ? Size.Size20 : t1;
   const [dropdownOpen, setDropdownOpen] = useState(false);
-  const t2 = styles[`size${size}`];
-  let t3;
-  if ($[8] !== className || $[9] !== dropdownOpen || $[10] !== t2) {
-    t3 = classNames(styles.avatarStack, className, t2, {
+  const sizeClass = size !== Size.Size16 && size !== Size.Size18 && size !== Size.Size48 ? styles[`size${size}`] : undefined;
+  let t2;
+  if ($[8] !== className || $[9] !== dropdownOpen || $[10] !== sizeClass) {
+    t2 = classNames(styles.avatarStack, className, sizeClass, {
       [styles.hovered]: dropdownOpen
     });
     $[8] = className;
     $[9] = dropdownOpen;
-    $[10] = t2;
-    $[11] = t3;
+    $[10] = sizeClass;
+    $[11] = t2;
   } else {
-    t3 = $[11];
+    t2 = $[11];
   }
-  let t4;
+  let t3;
   if ($[12] !== restProps.style || $[13] !== size) {
-    t4 = {
+    t3 = {
       height: size,
       ...restProps.style
     };
     $[12] = restProps.style;
     $[13] = size;
-    $[14] = t4;
+    $[14] = t3;
   } else {
-    t4 = $[14];
+    t3 = $[14];
   }
-  let t5;
+  let t4;
   if ($[15] !== children) {
-    t5 = Children.map(children, _temp);
+    t4 = Children.map(children, _temp);
     $[15] = children;
-    $[16] = t5;
+    $[16] = t4;
   } else {
-    t5 = $[16];
+    t4 = $[16];
   }
-  let t6;
+  let t5;
   if ($[17] !== children || $[18] !== dropdownMenuProps || $[19] !== extraItems || $[20] !== size) {
-    t6 = extraItems?.length ? /*#__PURE__*/jsx(DropdownMenu, {
+    t5 = extraItems?.length ? /*#__PURE__*/jsx(DropdownMenu, {
       hoverMode: true,
       hoverShowTimeOut: 10,
       onShow: () => setDropdownOpen(true),
@@ -176,28 +176,28 @@ function AvatarStack(t0) {
     $[18] = dropdownMenuProps;
     $[19] = extraItems;
     $[20] = size;
-    $[21] = t6;
+    $[21] = t5;
   } else {
-    t6 = $[21];
+    t5 = $[21];
   }
-  let t7;
-  if ($[22] !== restProps || $[23] !== t3 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6) {
-    t7 = /*#__PURE__*/jsxs("div", {
-      className: t3,
+  let t6;
+  if ($[22] !== restProps || $[23] !== t2 || $[24] !== t3 || $[25] !== t4 || $[26] !== t5) {
+    t6 = /*#__PURE__*/jsxs("div", {
+      className: t2,
       ...restProps,
-      style: t4,
-      children: [t5, t6]
+      style: t3,
+      children: [t4, t5]
     });
     $[22] = restProps;
-    $[23] = t3;
-    $[24] = t4;
-    $[25] = t5;
-    $[26] = t6;
-    $[27] = t7;
+    $[23] = t2;
+    $[24] = t3;
+    $[25] = t4;
+    $[26] = t5;
+    $[27] = t6;
   } else {
-    t7 = $[27];
+    t6 = $[27];
   }
-  return t7;
+  return t6;
 }
 function _temp(child, index) {
   return /*#__PURE__*/jsx("div", {

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

@@ -119,8 +119,7 @@ class DataList extends PureComponent {
     };
     const classes = classNames(className, {
       [styles.dataList]: true,
-      [styles.disabledHover]: disabledHover,
-      [styles.multiSelection]: selection.getSelected().size > 0
+      [styles.disabledHover]: disabledHover
     });
     return /*#__PURE__*/jsxs("div", {
       className: styles.dataListWrapper,

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

@@ -117,7 +117,7 @@ class DateInput extends React.PureComponent {
           return ((_translations$selectN = translations?.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
       }
     })();
-    const classes = classNames(styles.filter, styles[`${name}Input`], divider && styles[`${name}InputWithDivider`], 'ring-js-shortcuts');
+    const classes = classNames(styles.filter, name !== 'time' && styles[`${name}Input`], divider && (name === 'from' || name === 'time') && styles[`${name}InputWithDivider`], 'ring-js-shortcuts');
     return /*#__PURE__*/jsx(Input, {
       autoComplete: "off",
       borderless: true,

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

@@ -91,11 +91,11 @@ import './weekdays.js';
 
 const PopupComponent = t0 => {
   const $ = c(20);
-  if ($[0] !== "33db58a6327d40ad4b7bf91a7fec9f9c197da5c37e0c1c6775581fe962cb7d9d") {
+  if ($[0] !== "9ac32a441b51ccb168078e384a8b8106d0600615e17a2ba85a5d4b3b260d903a") {
     for (let $i = 0; $i < 20; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "33db58a6327d40ad4b7bf91a7fec9f9c197da5c37e0c1c6775581fe962cb7d9d";
+    $[0] = "9ac32a441b51ccb168078e384a8b8106d0600615e17a2ba85a5d4b3b260d903a";
   }
   let className;
   let datePopupProps;
@@ -351,7 +351,7 @@ class DatePicker extends PureComponent {
       translations,
       ...datePopupProps
     } = this.props;
-    const classes = classNames(styles.datePicker, className, styles[`size${this.props.size}`], {
+    const classes = classNames(styles.datePicker, className, this.props.size && styles[`size${this.props.size}`], {
       [styles.inline]: inline
     });
     return /*#__PURE__*/jsx(Dropdown, {

package/components/date-picker/day.js

@@ -51,7 +51,10 @@ class Day extends Component {
       locale
     } = this.props;
     const reverse = activeRange && activeRange[1] === from;
+    // eslint-disable-next-line no-magic-numbers
     const dayInWeek = getDayNumInWeek(locale, getDay(day)) + 1;
+    // eslint-disable-next-line no-magic-numbers
+    const dayInWeekClass = dayInWeek !== 3 && dayInWeek !== 4 && styles[`Day${dayInWeek}`];
     function makeSpreadRange(range) {
       return range && [range[0], addDays(range[1], 1)];
     }
@@ -63,7 +66,7 @@ class Day extends Component {
       // TODO make keyboard navigation actually work
       jsx("button", {
         type: "button",
-        className: classNames(styles.day, styles[`Day${dayInWeek}`], {
+        className: classNames(styles.day, dayInWeekClass, {
           [styles.current]: ['date', 'from', 'to'].some(this.is),
           [styles.active]: !disabled && this.is('activeDate'),
           [styles.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),

package/components/dialog/dialog.js

@@ -196,8 +196,7 @@ class Dialog extends PureComponent {
               [styles.closeButtonInside]: closeButtonInside
             }),
             iconClassName: classNames(styles.closeIcon, {
-              [styles.closeIconOutside]: !closeButtonInside,
-              [styles.closeIconInside]: closeButtonInside
+              [styles.closeIconOutside]: !closeButtonInside
             }),
             onClick: this.onCloseClick,
             title: closeButtonTitle,

package/components/editable-heading/editable-heading.js

@@ -39,11 +39,11 @@ function noop() {}
 // eslint-disable-next-line complexity
 const EditableHeading = props => {
   const $ = c(129);
-  if ($[0] !== "337405178e721c40ff96461e6d67ef716cea1d26e0445aab59e026d687eab71d") {
+  if ($[0] !== "3ac267c2661a712752bc17aadc2ab1fd112b0978580f58998a2e6034e2034a23") {
     for (let $i = 0; $i < 129; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "337405178e721c40ff96461e6d67ef716cea1d26e0445aab59e026d687eab71d";
+    $[0] = "3ac267c2661a712752bc17aadc2ab1fd112b0978580f58998a2e6034e2034a23";
   }
   let children;
   let className;
@@ -248,7 +248,7 @@ const EditableHeading = props => {
     t17 = $[48];
   }
   const classes = t17;
-  const t18 = styles[`size${size}`];
+  const t18 = size !== Size.AUTO && styles[`size${size}`];
   let t19;
   if ($[49] !== headingClassName || $[50] !== t18) {
     t19 = classNames(styles.heading, headingClassName, t18);
@@ -264,7 +264,7 @@ const EditableHeading = props => {
   if ($[52] !== inputClassName || $[53] !== level || $[54] !== size || $[55] !== t20) {
     t21 = classNames("ring-js-shortcuts", styles.input, styles.textarea, {
       [styles.textareaNotOverflow]: t20
-    }, inputStyles[`size${size}`], styles[`level${level}`], inputClassName);
+    }, size !== Size.AUTO && inputStyles[`size${size}`], level !== Levels.H4 && styles[`level${level}`], inputClassName);
     $[52] = inputClassName;
     $[53] = level;
     $[54] = size;
@@ -436,7 +436,7 @@ const EditableHeading = props => {
         onFocus: onInputFocus,
         onBlur: onInputBlur
       }) : /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.textareaWrapper, inputStyles[`size${size}`]),
+        className: classNames(styles.textareaWrapper, size !== Size.AUTO && inputStyles[`size${size}`]),
         children: [/*#__PURE__*/jsx("textarea", {
           ref: textAreaRef,
           className: inputClasses,
@@ -548,7 +548,7 @@ const EditableHeading = props => {
   let t37;
   if ($[122] !== error || $[123] !== isEditing || $[124] !== size) {
     t37 = isEditing && error && /*#__PURE__*/jsx("div", {
-      className: classNames(styles.errorText, inputStyles[`size${size}`]),
+      className: classNames(styles.errorText, size !== Size.AUTO && inputStyles[`size${size}`]),
       children: error
     });
     $[122] = error;

package/components/header/profile.js

@@ -167,12 +167,10 @@ class Profile extends PureComponent {
     const items = [showApplyChangedUser && {
       rgItemType,
       label: (_translations$applyCh = translations?.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
-      className: styles.profileMenuItem,
       onClick: onRevertPostponement
     }, showLogIn && {
       rgItemType,
       label: (_translations$login2 = translations?.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login'),
-      className: styles.profileMenuItem,
       onClick: onRevertPostponement
     }, {
       rgItemType: PopupMenu.ListProps.Type.LINK,
@@ -184,7 +182,6 @@ class Profile extends PureComponent {
     }, showSwitchUser && {
       rgItemType,
       label: (_translations$switchU = translations?.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
-      className: styles.profileMenuItem,
       onClick: onSwitchUser
     }, showLogOut && {
       rgItemType,

package/components/header/tray.js

@@ -4,7 +4,6 @@ import { s as styles } from '../_helpers/header.js';
 import { jsx } from 'react/jsx-runtime';
 
 const wrapChild = child => child && /*#__PURE__*/jsx("div", {
-  className: styles.trayItem,
   children: child
 });
 class Tray extends Component {

package/components/icon/icon.js

@@ -64,8 +64,7 @@ class Icon extends PureComponent {
     if (!Glyph) {
       return null;
     }
-    const classes = classNames(styles.icon, {
-      [styles[color]]: !!color,
+    const classes = classNames(styles.icon, color && styles[color], {
       [styles.loading]: loading
     }, className);
     return /*#__PURE__*/jsx("span", {

package/components/input/input.d.ts

@@ -7,7 +7,7 @@ declare function noop(): void;
  * @name Input
  */
 declare enum Size {
-    AUTO = "Auto",
+    AUTO = "AUTO",
     S = "S",
     M = "M",
     L = "L",

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

@@ -799,17 +799,21 @@ 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, inputStyles[`size${huge ? Size.FULL : size}`], {
+    let sizeClass;
+    if (huge) {
+      sizeClass = inputStyles[`size${Size.FULL}`];
+    } else if (size !== Size.AUTO) {
+      sizeClass = inputStyles[`size${size}`];
+    } else {
+      sizeClass = undefined;
+    }
+    const containerClasses = classNames(className, sizeClass, {
       [styles.queryAssist]: true,
-      [styles.withIcon]: renderGlass && !huge || renderLoader,
       [styles.huge]: huge,
       [styles.queryAssistDisabled]: this.props.disabled
     });
     const inputClasses = classNames(this.props.inputClassName, {
       [`${styles.input} ring-js-shortcuts`]: true,
-      [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
-      [styles.inputGap2]: actions.length === 2,
-      // TODO: replace with flex-box layout
       [styles.inputRevertOrder]: !glass || huge
     });
     const placeholderStyles = classNames({
@@ -839,7 +843,7 @@ class QueryAssist extends Component {
               ref: this.glassRef,
               "data-test": "query-assist-search-icon"
             }), renderLoader && /*#__PURE__*/jsx("div", {
-              className: classNames(styles.icon, styles.loader, {
+              className: classNames(styles.icon, {
                 [styles.loaderOnTheRight]: !glass && !huge,
                 [styles.loaderActive]: renderLoader
               }),
@@ -907,7 +911,7 @@ class QueryAssist extends Component {
               "data-test": "query-assist-search-button",
               children: /*#__PURE__*/jsx(Icon, {
                 glyph: searchIcon,
-                className: classNames(styles.rightSearchIcon, this.props.searchButtonClassName),
+                className: classNames(this.props.searchButtonClassName),
                 title: (_translations$searchT3 = translations?.searchTitle) !== null && _translations$searchT3 !== void 0 ? _translations$searchT3 : translate('searchTitle'),
                 onClick: this.handleApply,
                 ref: this.glassRef,

package/components/select/select.js

@@ -1028,7 +1028,8 @@ class Select extends Component {
     const {
       shortcutsEnabled
     } = this.state;
-    const classes = classNames(styles.select, 'ring-js-shortcuts', this.props.className, styles[`height${this.getHeight()}`], {
+    const height = this.getHeight();
+    const classes = classNames(styles.select, 'ring-js-shortcuts', this.props.className, height !== ControlsHeight.M && styles[`height${height}`], {
       [styles[`size${this.props.size}`]]: this.props.type !== Type.INLINE,
       [styles.disabled]: this.props.disabled
     });
@@ -1094,7 +1095,7 @@ class Select extends Component {
               afterInput: iconsNode
             }), this._renderPopup()]
           }), this.props.error && /*#__PURE__*/jsx("div", {
-            className: classNames(inputStyles.errorText, inputStyles[`size${this.props.size}`]),
+            className: classNames(inputStyles.errorText, this.props.size !== Size.AUTO && inputStyles[`size${this.props.size}`]),
             children: this.props.error
           })]
         });