@jetbrains/ring-ui 7.0.81 → 7.0.83

package/components/dialog/dialog.js

@@ -9,7 +9,7 @@ import dataTests from '../global/data-tests';
 import Shortcuts from '../shortcuts/shortcuts';
 import TabTrap from '../tab-trap/tab-trap';
 import Button from '../button/button';
-import { PopupTarget, PopupTargetContext } from '../popup/popup.target';
+import { normalizePopupTarget, PopupTarget, PopupTargetContext } from '../popup/popup.target';
 import { getPopupContainer } from '../popup/popup';
 import { preventerFactory as scrollPreventerFactory } from './dialog-body-scroll-preventer';
 import styles from './dialog.css';
@@ -144,12 +144,13 @@ export default class Dialog extends PureComponent {
         }
         return (show && (<PopupTargetContext.Consumer>
           {contextTarget => {
+                const normalizedContextTarget = normalizePopupTarget(contextTarget);
                 let targetElement = document.body;
                 if (portalTarget instanceof HTMLElement) {
                     targetElement = portalTarget;
                 }
-                else if (contextTarget !== undefined) {
-                    const container = getPopupContainer(contextTarget);
+                else if (normalizedContextTarget !== undefined) {
+                    const container = getPopupContainer(normalizedContextTarget);
                     if (container) {
                         targetElement = container;
                     }

package/components/popup/popup.d.ts

@@ -94,6 +94,7 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
     parent?: HTMLElement | null;
     container?: HTMLElement | null;
     ringPopupTarget?: string | Element;
+    private cssPositioningFromContext;
     clickStartedInsidePopup: boolean;
     shouldUseShortcuts(): boolean;
     listeners: Listeners;

package/components/popup/popup.js

@@ -15,7 +15,7 @@ import TabTrap from '../tab-trap/tab-trap';
 import { getConfiguration } from '../global/configuration';
 import position from './position';
 import { DEFAULT_DIRECTIONS, Dimension, Directions, Display, MaxHeight, MinWidth } from './popup.consts';
-import { PopupTargetContext, PopupTarget } from './popup.target';
+import { PopupTargetContext, PopupTarget, normalizePopupTarget } from './popup.target';
 import { setCSSAnchorPositioning, supportsCSSAnchorPositioning } from './position-css';
 import { ThemeContext, WithThemeClasses } from '../global/theme';
 import styles from './popup.css';
@@ -79,6 +79,7 @@ export default class Popup extends PureComponent {
     parent;
     container;
     ringPopupTarget;
+    cssPositioningFromContext;
     clickStartedInsidePopup = false;
     shouldUseShortcuts() {
         const { shortcuts, hidden } = this.props;
@@ -145,9 +146,7 @@ export default class Popup extends PureComponent {
         if (!supportsCSSAnchorPositioning()) {
             return false;
         }
-        return this.props.cssPositioning !== undefined
-            ? this.props.cssPositioning
-            : getConfiguration().popupsCssPositioning;
+        return this.props.cssPositioning ?? this.cssPositioningFromContext ?? getConfiguration().popupsCssPositioning;
     }
     _updatePosition = () => {
         const popup = this.popup;
@@ -285,7 +284,10 @@ export default class Popup extends PureComponent {
         {theme => (<WithThemeClasses theme={theme.theme}>
             {themeClasses => (<PopupTargetContext.Consumer>
                 {value => {
-                        this.ringPopupTarget = value;
+                        this.ringPopupTarget = normalizePopupTarget(value);
+                        if (!(typeof value === 'string' || value instanceof Element)) {
+                            this.cssPositioningFromContext = value?.cssPositioning;
+                        }
                         const classes = classNames(className, theme.passToPopups ? themeClasses : null, styles.popup, {
                             [styles.cssAnchoredPopup]: this.shouldUseCssPositioning(),
                             [styles.attached]: attached,

package/components/popup/popup.target.d.ts

@@ -1,7 +1,13 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-export declare const PopupTargetContext: import("react").Context<string | Element | undefined>;
+interface ComplexConfig {
+    target: string | Element | undefined;
+    cssPositioning?: boolean;
+}
+export declare const PopupTargetContext: import("react").Context<string | Element | ComplexConfig | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);
 }
+export declare function normalizePopupTarget(value: string | Element | undefined | ComplexConfig): string | Element | undefined;
 export declare const PopupTarget: import("react").ForwardRefExoticComponent<PopupTargetProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/components/popup/popup.target.js

@@ -1,5 +1,8 @@
 import { createContext, forwardRef } from 'react';
 export const PopupTargetContext = createContext(undefined);
+export function normalizePopupTarget(value) {
+    return typeof value === 'string' || value instanceof Element ? value : value?.target;
+}
 export const PopupTarget = forwardRef(function PopupTarget({ id, children, ...restProps }, ref) {
     const target = (<div {...restProps} data-portaltarget={id} ref={ref}>
       {typeof children !== 'function' && children}

package/components/select/select-popup.js

@@ -10,7 +10,7 @@ import memoizeOne from 'memoize-one';
 import Icon from '../icon/icon';
 import Popup, { getPopupContainer } from '../popup/popup';
 import { maxHeightForDirection } from '../popup/position';
-import { PopupTargetContext } from '../popup/popup.target';
+import { normalizePopupTarget, PopupTargetContext } from '../popup/popup.target';
 import List from '../list/list';
 import LoaderInline from '../loader-inline/loader-inline';
 import shortcutsHOC from '../shortcuts/shortcuts-hoc';
@@ -329,7 +329,7 @@ export default class SelectPopup extends PureComponent {
         {ringPopupTarget => {
                 const filterWithTags = this.getFilterWithTags();
                 const selectAll = multiple && typeof multiple === 'object' && !multiple.limit && multiple.selectAll && this.getSelectAll();
-                const list = this.getList(this.props.ringPopupTarget || ringPopupTarget);
+                const list = this.getList(this.props.ringPopupTarget || normalizePopupTarget(ringPopupTarget));
                 const bottomLine = this.getBottomLine();
                 const hasContent = filterWithTags || selectAll || list || bottomLine || toolbar || topbar;
                 return (<Popup trapFocus={false} ref={this.popupRef} hidden={hidden || !hasContent} attached={isInputMode} className={classes} dontCloseOnAnchorClick anchorElement={anchorElement} minWidth={minWidth} onCloseAttempt={onCloseAttempt} onOutsideClick={onOutsideClick} directions={directions} top={top} left={left} offset={offset} onMouseDown={this.mouseDownHandler} target={this.props.ringPopupTarget} autoCorrectTopOverflow={false} style={style} largeBorderRadius>

package/components/tooltip/tooltip.js

@@ -55,6 +55,7 @@ export default class Tooltip extends Component {
             return;
         }
         if (delay) {
+            clearTimeout(this.timeout);
             this.timeout = window.setTimeout(this.showPopup, delay);
         }
         else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.81",
+  "version": "7.0.83",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -101,16 +101,16 @@
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
     "@jetbrains/stylelint-config": "^4.0.2",
-    "@primer/octicons": "^19.21.0",
+    "@primer/octicons": "^19.21.1",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
-    "@storybook/addon-a11y": "10.1.2",
-    "@storybook/addon-docs": "^10.1.2",
-    "@storybook/addon-themes": "^10.1.2",
+    "@storybook/addon-a11y": "10.1.4",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-themes": "^10.1.4",
     "@storybook/csf": "^0.1.13",
-    "@storybook/react-webpack5": "10.1.2",
+    "@storybook/react-webpack5": "10.1.4",
     "@storybook/test-runner": "^0.24.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
@@ -121,8 +121,8 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@types/webpack-env": "^1.18.8",
-    "@vitejs/plugin-react": "^5.1.1",
-    "@vitest/eslint-plugin": "^1.5.1",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/eslint-plugin": "^1.5.2",
     "acorn": "^8.15.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "caniuse-lite": "^1.0.30001757",
@@ -142,7 +142,7 @@
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-storybook": "^10.1.2",
+    "eslint-plugin-storybook": "^10.1.4",
     "eslint-plugin-unicorn": "^62.0.0",
     "events": "^3.3.0",
     "glob": "^13.0.0",
@@ -158,24 +158,24 @@
     "markdown-it": "^14.1.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
-    "prettier": "^3.7.3",
+    "prettier": "^3.7.4",
     "raw-loader": "^4.0.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.1.2",
     "rollup": "^4.53.3",
     "rollup-plugin-clear": "^2.0.7",
     "storage-mock": "^2.1.0",
-    "storybook": "10.1.2",
+    "storybook": "10.1.4",
     "stylelint": "^16.26.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
-    "terser-webpack-plugin": "^5.3.14",
+    "terser-webpack-plugin": "^5.3.15",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.48.0",
-    "vitest": "^4.0.14",
+    "typescript-eslint": "^8.48.1",
+    "vitest": "^4.0.15",
     "vitest-teamcity-reporter": "^0.4.1",
     "webpack": "^5.103.0",
     "webpack-cli": "^6.0.1"
@@ -212,7 +212,7 @@
     "babel-loader": "10.0.0",
     "babel-plugin-react-compiler": "^1.0.0",
     "babel-plugin-transform-define": "^2.1.4",
-    "browserslist": "^4.28.0",
+    "browserslist": "^4.28.1",
     "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
@@ -233,7 +233,7 @@
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.2.0",
     "postcss-modules-values-replace": "^4.2.2",
-    "postcss-preset-env": "^10.4.0",
+    "postcss-preset-env": "^10.5.0",
     "react-compiler-runtime": "^1.0.0",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",