@jetbrains/ring-ui-built 6.0.39 → 6.0.41

package/components/tab-trap/tab-trap.d.ts

@@ -1,45 +1,18 @@
-import { Component, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 export declare const FOCUSABLE_ELEMENTS = "input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])";
 export interface TabTrapProps extends HTMLAttributes<HTMLElement> {
     children: ReactNode;
-    trapDisabled: boolean;
-    autoFocusFirst: boolean;
-    focusBackOnClose: boolean;
-    focusBackOnExit: boolean;
+    trapDisabled?: boolean;
+    autoFocusFirst?: boolean;
+    focusBackOnClose?: boolean;
+    focusBackOnExit?: boolean;
 }
 /**
  * @name TabTrap
  */
-export default class TabTrap extends Component<TabTrapProps> {
-    static propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        trapDisabled: PropTypes.Requireable<boolean>;
-        autoFocusFirst: PropTypes.Requireable<boolean>;
-        focusBackOnClose: PropTypes.Requireable<boolean>;
-        focusBackOnExit: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        trapDisabled: boolean;
-        autoFocusFirst: boolean;
-        focusBackOnClose: boolean;
-        focusBackOnExit: boolean;
-    };
-    constructor(props: TabTrapProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    previousFocusedNode?: Element | null;
-    trapWithoutFocus?: boolean;
-    restoreFocus: () => void;
-    node?: HTMLElement | null;
-    containerRef: (node: HTMLElement | null) => void;
-    focusElement: (first?: boolean) => void;
-    focusFirst: () => void;
-    focusLast: () => void;
-    focusLastIfEnabled: (event: React.FocusEvent) => void;
-    handleBlurIfWithoutFocus: (event: React.FocusEvent) => void;
-    trapButtonNode?: HTMLElement | null;
-    trapButtonRef: (node: HTMLElement | null) => void;
-    render(): React.JSX.Element;
+interface TabTrap {
+    node: HTMLElement | null;
 }
+declare const TabTrap: React.ForwardRefExoticComponent<TabTrapProps & React.RefAttributes<TabTrap>>;
+export default TabTrap;

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

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper, j as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _objectWithoutProperties, j as _toConsumableArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
-import { Component } from 'react';
+import { forwardRef, useRef, useImperativeHandle, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -18,173 +18,161 @@ var modules_6dce58ae = {"light":"light_rui_2ac4","trapButton":"trapButton_rui_11
 
 var _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
 var FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
-/**
- * @name TabTrap
- */
-var TabTrap = /*#__PURE__*/function (_Component) {
-  function TabTrap(props) {
-    var _this;
-    _classCallCheck(this, TabTrap);
-    _this = _callSuper(this, TabTrap, [props]);
-    // It's the same approach as in focus-trap-react:
-    // https://github.com/focus-trap/focus-trap-react/commit/3b22fca9eebeb883edc89548850fe5a5b9d6d50e
-    // We can't do it in componentDidMount because it's too late, some children might have already
-    // focused itself.
-    _defineProperty(_this, "previousFocusedNode", void 0);
-    _defineProperty(_this, "trapWithoutFocus", void 0);
-    _defineProperty(_this, "restoreFocus", function () {
-      var _this2 = _this,
-        previousFocusedNode = _this2.previousFocusedNode;
-      if (previousFocusedNode instanceof HTMLElement && previousFocusedNode.focus && isNodeInVisiblePartOfPage(previousFocusedNode)) {
-        previousFocusedNode.focus({
-          preventScroll: true
-        });
-      }
-    });
-    _defineProperty(_this, "node", void 0);
-    _defineProperty(_this, "containerRef", function (node) {
-      if (!node) {
-        return;
-      }
-      _this.node = node;
-    });
-    _defineProperty(_this, "focusElement", function () {
-      var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-      var _this3 = _this,
-        node = _this3.node;
-      if (!node) {
-        return;
-      }
-      var tabables = _toConsumableArray(node.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function (item) {
-        return item.tabIndex >= 0;
-      });
-      var toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
-      if (toBeFocused) {
-        toBeFocused.focus();
+// eslint-disable-next-line @typescript-eslint/no-shadow
+var TabTrap = /*#__PURE__*/forwardRef(function TabTrap(_ref, ref) {
+  var children = _ref.children,
+    _ref$trapDisabled = _ref.trapDisabled,
+    trapDisabled = _ref$trapDisabled === void 0 ? false : _ref$trapDisabled,
+    _ref$autoFocusFirst = _ref.autoFocusFirst,
+    autoFocusFirst = _ref$autoFocusFirst === void 0 ? true : _ref$autoFocusFirst,
+    _ref$focusBackOnClose = _ref.focusBackOnClose,
+    focusBackOnClose = _ref$focusBackOnClose === void 0 ? true : _ref$focusBackOnClose,
+    _ref$focusBackOnExit = _ref.focusBackOnExit,
+    focusBackOnExit = _ref$focusBackOnExit === void 0 ? false : _ref$focusBackOnExit,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var nodeRef = useRef(null);
+  var trapButtonNodeRef = useRef(null);
+  var previousFocusedNodeRef = useRef(null);
+  var trapWithoutFocusRef = useRef(false);
+  var mountedRef = useRef(false);
+  // It's the same approach as in focus-trap-react:
+  // https://github.com/focus-trap/focus-trap-react/commit/3b22fca9eebeb883edc89548850fe5a5b9d6d50e
+  // We can't do it in useEffect because it's too late, some children might have already
+  // focused itself.
+  if (previousFocusedNodeRef.current === null) {
+    previousFocusedNodeRef.current = document.activeElement;
+  }
+  useImperativeHandle(ref, function () {
+    return {
+      node: nodeRef.current
+    };
+  }, []);
+  var focusFirst = useCallback(function () {
+    return focusElement(true);
+  }, []);
+  var focusLast = function focusLast() {
+    return focusElement(false);
+  };
+  useEffect(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+    };
+  }, []);
+  useEffect(function () {
+    if (autoFocusFirst) {
+      focusFirst();
+    } else if (!trapDisabled) {
+      var _nodeRef$current, _nodeRef$current2;
+      var previousFocusedElementIsInContainer = previousFocusedNodeRef.current && ((_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 ? void 0 : _nodeRef$current.contains(previousFocusedNodeRef.current));
+      // The component wrapped in TabTrap can already have a focused element (e.g. Date Picker),
+      // so we need to check if it does. If so, we don't need to focus anything.
+      var currentlyFocusedElementIsInContainer = (_nodeRef$current2 = nodeRef.current) === null || _nodeRef$current2 === void 0 ? void 0 : _nodeRef$current2.contains(document.activeElement);
+      if (!nodeRef.current || !previousFocusedElementIsInContainer && !currentlyFocusedElementIsInContainer) {
+        var _trapButtonNodeRef$cu;
+        trapWithoutFocusRef.current = true;
+        (_trapButtonNodeRef$cu = trapButtonNodeRef.current) === null || _trapButtonNodeRef$cu === void 0 || _trapButtonNodeRef$cu.focus();
       }
-    });
-    _defineProperty(_this, "focusFirst", function () {
-      return _this.focusElement(true);
-    });
-    _defineProperty(_this, "focusLast", function () {
-      return _this.focusElement(false);
-    });
-    _defineProperty(_this, "focusLastIfEnabled", function (event) {
-      if (_this.trapWithoutFocus) {
-        return;
+    }
+    return function () {
+      if (focusBackOnClose) {
+        restoreFocus();
       }
-      if (_this.props.focusBackOnExit) {
-        var prevFocused = event.nativeEvent.relatedTarget;
-        if (prevFocused != null && _this.node != null && prevFocused instanceof Element && _this.node.contains(prevFocused)) {
-          _this.restoreFocus();
+    };
+  }, [autoFocusFirst, trapDisabled, focusBackOnClose, focusFirst]);
+  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
+          });
         }
-      } else {
-        _this.focusLast();
-      }
-    });
-    _defineProperty(_this, "handleBlurIfWithoutFocus", function (event) {
-      var _this$node;
-      if (!_this.trapWithoutFocus) {
-        return;
-      }
-      _this.trapWithoutFocus = false;
-      var newFocused = event.nativeEvent.relatedTarget;
-      if (!newFocused) {
-        return;
-      }
-      if (newFocused instanceof Element && (_this$node = _this.node) !== null && _this$node !== void 0 && _this$node.contains(newFocused)) {
-        return;
-      }
-      _this.focusLast();
-    });
-    _defineProperty(_this, "trapButtonNode", void 0);
-    _defineProperty(_this, "trapButtonRef", function (node) {
-      if (!node) {
-        return;
-      }
-      _this.trapButtonNode = node;
+      });
+    }
+  }
+  function focusElement() {
+    var first = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var node = nodeRef.current;
+    if (!node) {
+      return;
+    }
+    var tabables = _toConsumableArray(node.querySelectorAll(FOCUSABLE_ELEMENTS)).filter(function (item) {
+      return item.tabIndex >= 0;
     });
-    _this.previousFocusedNode = document.activeElement;
-    return _this;
+    var toBeFocused = first ? tabables[0] : tabables[tabables.length - 1];
+    if (toBeFocused) {
+      toBeFocused.focus();
+    }
   }
-  _inherits(TabTrap, _Component);
-  return _createClass(TabTrap, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.autoFocusFirst) {
-        this.focusFirst();
-      } else if (!this.props.trapDisabled) {
-        var _this$node2, _this$node3;
-        var previousFocusedElementIsInContainer = this.previousFocusedNode && ((_this$node2 = this.node) === null || _this$node2 === void 0 ? void 0 : _this$node2.contains(this.previousFocusedNode));
-        // The component wrapped in TabTrap can already have a focused element (e.g. Date Picker),
-        // so we need to check if it does. If so, we don't need to focus anything.
-        var currentlyFocusedElementIsInContainer = (_this$node3 = this.node) === null || _this$node3 === void 0 ? void 0 : _this$node3.contains(document.activeElement);
-        if (!this.node || !previousFocusedElementIsInContainer && !currentlyFocusedElementIsInContainer) {
-          var _this$trapButtonNode;
-          this.trapWithoutFocus = true;
-          (_this$trapButtonNode = this.trapButtonNode) === null || _this$trapButtonNode === void 0 || _this$trapButtonNode.focus();
-        }
-      }
+  function focusLastIfEnabled(event) {
+    if (trapWithoutFocusRef.current) {
+      return;
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.props.focusBackOnClose) {
-        this.restoreFocus();
+    if (focusBackOnExit) {
+      var prevFocused = event.nativeEvent.relatedTarget;
+      if (prevFocused != null && nodeRef.current != null && prevFocused instanceof Element && nodeRef.current.contains(prevFocused)) {
+        restoreFocus();
       }
+    } else {
+      focusLast();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        trapDisabled = _this$props.trapDisabled;
-        _this$props.autoFocusFirst;
-        _this$props.focusBackOnClose;
-        var focusBackOnExit = _this$props.focusBackOnExit,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      if (trapDisabled) {
-        return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
-          ref: this.containerRef
-        }, restProps), {}, {
-          children: children
-        }));
-      }
-      return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
-        ref: this.containerRef
-      }, restProps), {}, {
-        children: [/*#__PURE__*/jsx("div", {
-          // It never actually stays focused
-          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-          tabIndex: 0,
-          ref: this.trapButtonRef,
-          className: modules_6dce58ae.trapButton,
-          onFocus: this.focusLastIfEnabled,
-          onBlur: this.handleBlurIfWithoutFocus,
-          "data-trap-button": true
-        }), children, /*#__PURE__*/jsx("div", {
-          // It never actually stays focused
-          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-          tabIndex: 0,
-          onFocus: focusBackOnExit ? this.restoreFocus : this.focusFirst,
-          "data-trap-button": true
-        })]
-      }));
+  }
+  function handleBlurIfWithoutFocus(event) {
+    var _nodeRef$current3;
+    if (!trapWithoutFocusRef.current) {
+      return;
+    }
+    trapWithoutFocusRef.current = false;
+    var newFocused = event.nativeEvent.relatedTarget;
+    if (!newFocused) {
+      return;
     }
-  }]);
-}(Component);
-_defineProperty(TabTrap, "propTypes", {
+    if (newFocused instanceof Element && (_nodeRef$current3 = nodeRef.current) !== null && _nodeRef$current3 !== void 0 && _nodeRef$current3.contains(newFocused)) {
+      return;
+    }
+    focusLast();
+  }
+  if (trapDisabled) {
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+      ref: nodeRef
+    }, restProps), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+    ref: nodeRef
+  }, restProps), {}, {
+    children: [/*#__PURE__*/jsx("div", {
+      // It never actually stays focused
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      tabIndex: 0,
+      ref: trapButtonNodeRef,
+      className: modules_6dce58ae.trapButton,
+      onFocus: focusLastIfEnabled,
+      onBlur: handleBlurIfWithoutFocus,
+      "data-trap-button": true
+    }), children, /*#__PURE__*/jsx("div", {
+      // It never actually stays focused
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+      tabIndex: 0,
+      onFocus: focusBackOnExit ? restoreFocus : focusFirst,
+      "data-trap-button": true
+    })]
+  }));
+});
+TabTrap.propTypes = {
   children: PropTypes.node.isRequired,
   trapDisabled: PropTypes.bool,
   autoFocusFirst: PropTypes.bool,
   focusBackOnClose: PropTypes.bool,
   focusBackOnExit: PropTypes.bool
-});
-_defineProperty(TabTrap, "defaultProps", {
-  trapDisabled: false,
-  autoFocusFirst: true,
-  focusBackOnClose: true,
-  focusBackOnExit: false
-});
+};
 
 export { FOCUSABLE_ELEMENTS, TabTrap as default };

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

@@ -10,6 +10,7 @@ import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
+import 'util-deprecate';
 import 'core-js/modules/es.array.map.js';
 import 'classnames';
 import '@jetbrains/icons/chevron-right';
@@ -19,7 +20,6 @@ import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
-import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.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.d.ts

@@ -56,6 +56,7 @@ export default class Row<T extends SelectionItem> extends PureComponent<RowProps
     onDoubleClick: () => void;
     row?: HTMLElement | null;
     rowRef: (el: HTMLElement | null) => void;
+    composedRowRef: import("memoize-one").MemoizedFn<(...refs: (React.Ref<HTMLElement> | undefined)[]) => (value: HTMLElement | null) => void>;
     render(): React.JSX.Element;
 }
 export type RowAttrs<T extends SelectionItem> = JSX.LibraryManagedAttributes<typeof Row, RowProps<T>>;

package/components/table/row.js

@@ -12,7 +12,7 @@ import { Button } from '../button/button.js';
 import Tooltip from '../tooltip/tooltip.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import getUID from '../global/get-uid.js';
-import composeRefs from '../global/composeRefs.js';
+import { createComposedRef } from '../global/composeRefs.js';
 import Cell from './cell.js';
 import { m as modules_1db4bbca } from '../_helpers/table.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -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';
@@ -122,6 +121,7 @@ var Row = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_this, "rowRef", function (el) {
       _this.row = el;
     });
+    _defineProperty(_this, "composedRowRef", createComposedRef());
     return _this;
   }
   _inherits(Row, _PureComponent);
@@ -249,7 +249,7 @@ var Row = /*#__PURE__*/function (_PureComponent) {
       });
       return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2(_objectSpread2({
         id: this.id,
-        ref: composeRefs(this.rowRef, innerRef),
+        ref: this.composedRowRef(this.rowRef, innerRef),
         className: classes,
         tabIndex: 0,
         "data-test": joinDataTestAttributes('ring-table-row', dataTest)

package/components/table/smart-table.js

@@ -14,6 +14,7 @@ import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
+import 'util-deprecate';
 import '../global/get-uid.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/shortcuts.js';
@@ -46,7 +47,6 @@ import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
-import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.js';

package/components/table/table.js

@@ -21,6 +21,7 @@ import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'memoize-one';
+import 'util-deprecate';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.array.find-index.js';
@@ -50,7 +51,6 @@ import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
-import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.replace.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>;