@jetbrains/ring-ui-built 6.0.40 → 6.0.42

package/components/tab-trap/tab-trap.js

@@ -83,18 +83,13 @@ var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
   function restoreFocus() {
     var previousFocusedNode = previousFocusedNodeRef.current;
     if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
-      // If no delay is added, restoring focus caused by pressing Enter will trigger
-      // the onClick event on the previousFocusedNode, e.g.
-      // https://youtrack.jetbrains.com/issue/RG-2450/Anchor-should-be-focused-after-closing-datepicker#focus=Comments-27-10044234.0-0.
-      setTimeout(function () {
-        // This is to prevent the focus from being restored the first time
-        // componentWillUnmount is called in StrictMode.
-        if (!mountedRef.current) {
-          previousFocusedNode.focus({
-            preventScroll: true
-          });
-        }
-      });
+      // This is to prevent the focus from being restored the first time
+      // componentWillUnmount is called in StrictMode.
+      if (!mountedRef.current) {
+        previousFocusedNode.focus({
+          preventScroll: true
+        });
+      }
     }
   }
   function focusElement() {

package/components/table/row-with-focus-sensor.js

@@ -32,7 +32,6 @@ import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../control-help/control-help.js';
 import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/components/table/row.js

@@ -33,7 +33,6 @@ import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/prop-types.js';
 import '../control-help/control-help.js';
-import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/components/tabs/collapsible-more.js

@@ -85,6 +85,7 @@ import '../list/consts.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/components/tabs/collapsible-tabs.js

@@ -91,6 +91,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './custom-item.js';

package/components/tabs/dumb-tabs.js

@@ -94,6 +94,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './collapsible-tab.js';

package/components/tabs/smart-tabs.js

@@ -93,6 +93,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './collapsible-tab.js';

package/components/tabs/tabs.js

@@ -96,6 +96,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './collapsible-tab.js';

package/components/tag/tag.js

@@ -4,11 +4,11 @@ import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close-12px';
+import deprecate from 'util-deprecate';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { ControlsHeight } from '../global/controls-height.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
@@ -20,12 +20,16 @@ import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
 var modules_2f9be069 = {"max-height":"20px","tag":"tag_rui_5765 resetButton_rui_f295","tagAngled":"tagAngled_rui_5765","light":"light_rui_2ac4","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
 
+var warnAngled = deprecate(function () {}, 'Tag angled prop is deprecated and will be removed in Ring UI 7.0');
+/**
+ * @name Tag
+ */
 var Tag = /*#__PURE__*/function (_PureComponent) {
   function Tag() {
     var _this;
@@ -148,6 +152,9 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
+      if (this.props.angled) {
+        warnAngled();
+      }
       var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
         [modules_2f9be069.focused]: this.state.focused,
         [modules_2f9be069.disabled]: this.props.disabled,

package/components/tags-list/tags-list.js

@@ -7,8 +7,8 @@ import Tag from '../tag/tag.js';
 import { jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import '@jetbrains/icons/close-12px';
-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';
@@ -21,7 +21,7 @@ import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/components/text/text.d.ts

@@ -5,6 +5,7 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
     info?: boolean | null | undefined;
     size?: TextSize;
     'data-test'?: string | null | undefined;
+    bold?: boolean | null | undefined;
 }
 declare const TextSize: Record<string, TextSize>;
 /**

package/components/text/text.js

@@ -5,9 +5,9 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31"};
+var modules_78d1bce6 = {"light":"light_rui_2ac4","text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
 
-var _excluded = ["children", "className", "info", "size"];
+var _excluded = ["children", "className", "info", "size", "bold"];
 var TextSize = {
   S: 's',
   M: 'm',
@@ -30,9 +30,11 @@ var Text = /*#__PURE__*/function (_Component) {
         className = _this$props.className,
         info = _this$props.info,
         size = _this$props.size,
+        bold = _this$props.bold,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(modules_78d1bce6.text, className, {
         [modules_78d1bce6.info]: info,
+        [modules_78d1bce6.bold]: bold,
         [modules_78d1bce6.sizeS]: size === Text.Size.S,
         [modules_78d1bce6.sizeM]: size === Text.Size.M,
         [modules_78d1bce6.sizeL]: size === Text.Size.L

package/components/toggle/toggle.d.ts

@@ -10,9 +10,9 @@ export declare const Size: {
   */
 export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     size: string;
-    pale?: boolean | null | undefined;
     leftLabel?: ReactNode;
     'data-test'?: string | null | undefined;
+    help?: ReactNode;
 }
 declare class Toggle extends PureComponent<ToggleProps> {
     static propTypes: {
@@ -24,7 +24,6 @@ declare class Toggle extends PureComponent<ToggleProps> {
         defaultChecked: PropTypes.Requireable<boolean>;
         checked: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        pale: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onTransitionEnd: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<string>;

package/components/toggle/toggle.js

@@ -4,15 +4,16 @@ import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
+import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.object.to-string.js';
 
-var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9","paleSwitch":"paleSwitch_rui_21f9"};
+var modules_331c5aa7 = {"padding":"2px","duration":"300ms","timing-function":"cubic-bezier(0.23, 1, 0.32, 1)","light":"light_rui_2ac4","toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
 
-var _excluded = ["className", "children", "disabled", "pale", "title", "leftLabel", "size", "data-test", "onTransitionEnd"];
+var _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
 var Size = {
   Size14: modules_331c5aa7.size14,
   Size16: modules_331c5aa7.size16,
@@ -31,12 +32,12 @@ var Toggle = /*#__PURE__*/function (_PureComponent) {
         className = _this$props.className,
         children = _this$props.children,
         disabled = _this$props.disabled,
-        pale = _this$props.pale,
         title = _this$props.title,
         leftLabel = _this$props.leftLabel,
         _this$props$size = _this$props.size,
         size = _this$props$size === void 0 ? Size.Size16 : _this$props$size,
         dataTest = _this$props['data-test'],
+        help = _this$props.help,
         onTransitionEnd = _this$props.onTransitionEnd,
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var classes = classNames(className, size, modules_331c5aa7.toggle, disabled && modules_331c5aa7.disabled);
@@ -44,9 +45,12 @@ var Toggle = /*#__PURE__*/function (_PureComponent) {
         className: classes,
         title: title,
         "data-test": joinDataTestAttributes('ring-toggle', dataTest),
-        children: [leftLabel && /*#__PURE__*/jsx("span", {
+        children: [leftLabel && /*#__PURE__*/jsxs("span", {
           className: modules_331c5aa7.leftLabel,
-          children: leftLabel
+          children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
+            className: modules_331c5aa7.help,
+            children: help
+          })]
         }), /*#__PURE__*/jsxs("span", {
           className: modules_331c5aa7.switchWrapper,
           children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
@@ -56,12 +60,15 @@ var Toggle = /*#__PURE__*/function (_PureComponent) {
             disabled: disabled,
             className: modules_331c5aa7.input
           })), /*#__PURE__*/jsx("span", {
-            className: classNames(modules_331c5aa7.switch, pale && modules_331c5aa7.paleSwitch),
+            className: modules_331c5aa7.switch,
             onTransitionEnd: onTransitionEnd
           })]
-        }), children && /*#__PURE__*/jsx("span", {
+        }), children && /*#__PURE__*/jsxs("div", {
           className: modules_331c5aa7.label,
-          children: children
+          children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
+            className: modules_331c5aa7.help,
+            children: help
+          })]
         })]
       });
     }
@@ -76,7 +83,6 @@ _defineProperty(Toggle, "propTypes", {
   defaultChecked: PropTypes.bool,
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
-  pale: PropTypes.bool,
   onChange: PropTypes.func,
   onTransitionEnd: PropTypes.func,
   size: PropTypes.oneOf(Object.values(Size)),

package/components/user-agreement/service.js

@@ -54,7 +54,7 @@ import 'core-js/modules/es.set.js';
 import 'core-js/modules/es.string.split.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
 import '../popup/popup.target.js';

package/components/user-agreement/user-agreement.js

@@ -49,7 +49,7 @@ import '../global/linear-function.js';
 import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';

package/components/user-card/card.js

@@ -49,7 +49,7 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'util-deprecate';

package/components/user-card/smart-user-card-tooltip.js

@@ -28,6 +28,7 @@ import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/components/user-card/tooltip.js

@@ -27,6 +27,7 @@ import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';

package/components/user-card/user-card.js

@@ -55,7 +55,7 @@ import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/chevron-down';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/theme.js';
@@ -84,3 +84,4 @@ import '../i18n/i18n.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "6.0.40",
+  "version": "6.0.42",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -28,7 +28,7 @@
   },
   "scripts": {
     "apply-resolutions": "npx npm-force-resolutions@0.0.10",
-    "_postinstall": "husky install",
+    "_postinstall": "husky",
     "prepare": "webpack -c .storybook/custom-header/webpack.config.js",
     "prea11y-audit": "playwright install",
     "a11y-audit": "test-storybook --url http://localhost:9999",