@jetbrains/ring-ui 6.0.65 → 6.0.67

package/components/list/list.js

@@ -435,6 +435,9 @@ export default class List extends Component {
             if (cleanedProps.href) {
                 cleanedProps.rgItemType = Type.LINK;
             }
+            cleanedProps.description = typeof cleanedProps.description === 'string'
+                ? cleanedProps.description.trim()
+                : cleanedProps.description;
             const itemProps = Object.assign({ rgItemType: DEFAULT_ITEM_TYPE }, restProps);
             itemKey = key || itemId;
             itemProps.hover = (realIndex === this.state.activeIndex);

package/components/tooltip/tooltip.d.ts

@@ -56,6 +56,7 @@ export default class Tooltip extends Component<TooltipProps> {
     showPopup: () => void;
     hidePopup: () => void;
     addListeners(): void;
+    hideIfMovedOutsidePopup: (ev: React.SyntheticEvent<HTMLElement>) => void;
     popup?: Popup | null;
     popupRef: (el: Popup | null) => void;
     onNestedTooltipShow: () => void;

package/components/tooltip/tooltip.js

@@ -106,6 +106,13 @@ export default class Tooltip extends Component {
         }
         this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), { passive: true });
     }
+    hideIfMovedOutsidePopup = (ev) => {
+        if (!('relatedTarget' in ev) ||
+            this.popup?.container?.contains(ev.relatedTarget)) {
+            return;
+        }
+        this.hidePopup();
+    };
     popup;
     popupRef = (el) => {
         this.popup = el;
@@ -125,7 +132,7 @@ export default class Tooltip extends Component {
         return (<TooltipContext.Provider value={{ onNestedTooltipShow, onNestedTooltipHide }}>
         <span {...ariaProps} {...restProps} ref={this.containerRef} data-test={dataTests('ring-tooltip', dataTest)} data-test-title={typeof title === 'string' ? title : undefined}>
           {children}
-          <Popup trapFocus={false} hidden={!this.state.showPopup || this.state.showNestedPopup} onCloseAttempt={this.hidePopup} maxHeight={400} className={classNames(styles.tooltip, { [styles.long]: long })} attached={false} onMouseOut={this.hidePopup} top={4} dontCloseOnAnchorClick ref={this.popupRef} {...popupProps}>{title}</Popup>
+          <Popup trapFocus={false} hidden={!this.state.showPopup || this.state.showNestedPopup} onCloseAttempt={this.hidePopup} maxHeight={400} className={classNames(styles.tooltip, { [styles.long]: long })} attached={false} onMouseOut={this.hideIfMovedOutsidePopup} top={4} dontCloseOnAnchorClick ref={this.popupRef} {...popupProps}>{title}</Popup>
         </span>
       </TooltipContext.Provider>);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.65",
+  "version": "6.0.67",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",