@jetbrains/ring-ui 7.0.92 → 7.0.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,6 +29,8 @@
29
29
  top: unset;
30
30
  left: unset;
31
31
 
32
+ max-height: 100%;
33
+
32
34
  margin: 0;
33
35
  }
34
36
 
@@ -143,7 +143,7 @@ export default class Popup extends PureComponent {
143
143
  }
144
144
  };
145
145
  shouldUseCssPositioning() {
146
- if (!supportsCSSAnchorPositioning()) {
146
+ if (!supportsCSSAnchorPositioning) {
147
147
  return false;
148
148
  }
149
149
  return this.props.cssPositioning ?? this.cssPositioningFromContext ?? getConfiguration().popupsCssPositioning;
@@ -1,5 +1,5 @@
1
1
  import { Directions } from './popup.consts';
2
- export declare const supportsCSSAnchorPositioning: () => boolean;
2
+ export declare const supportsCSSAnchorPositioning: boolean;
3
3
  interface SetCSSAnchorPositioningParams {
4
4
  popup: HTMLElement;
5
5
  anchor: HTMLElement;
@@ -2,10 +2,11 @@ import { getRect } from '../global/dom';
2
2
  import { calculateMinWidth, MaxHeight } from './position';
3
3
  import { Directions, Dimension } from './popup.consts';
4
4
  import sniffr from '../global/sniffer';
5
- export const supportsCSSAnchorPositioning = () => {
5
+ const doesSupportCSSAnchorPositioning = () => {
6
6
  const isSafari = sniffr.browser.name === 'safari';
7
7
  return !isSafari && CSS?.supports?.('anchor-name', 'none');
8
8
  };
9
+ export const supportsCSSAnchorPositioning = doesSupportCSSAnchorPositioning();
9
10
  const getPositionArea = (direction) => {
10
11
  switch (direction) {
11
12
  case Directions.BOTTOM_RIGHT:
@@ -59,7 +60,7 @@ export const setCSSAnchorPositioning = ({ popup, anchor, uid, minWidth, top, lef
59
60
  // When all directions are BOTTOM, the `max-height: 100%` from CSS should stay applied so popup doesn't overflow the anchor RG-2754
60
61
  const SHOULD_AUTO_SHRINK = directions.every(d => d.startsWith('BOTTOM'));
61
62
  if (SHOULD_AUTO_SHRINK) {
62
- popup.style.maxHeight = '100%';
63
+ popup.style.removeProperty('max-height'); // Reset to 100% from CSS to allow shrinking based on viewport height
63
64
  }
64
65
  else {
65
66
  const screenWithMargin = `calc(100vh - ${Dimension.MARGIN * 2}px)`;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetbrains/ring-ui",
3
- "version": "7.0.92",
3
+ "version": "7.0.93",
4
4
  "description": "JetBrains UI library",
5
5
  "author": {
6
6
  "name": "JetBrains"
@@ -96,21 +96,21 @@
96
96
  "@eslint/compat": "^2.0.2",
97
97
  "@eslint/eslintrc": "^3.3.3",
98
98
  "@eslint/js": "^9.39.2",
99
- "@figma/code-connect": "^1.3.12",
99
+ "@figma/code-connect": "^1.3.13",
100
100
  "@jetbrains/eslint-config": "^6.0.5",
101
101
  "@jetbrains/logos": "3.0.0-canary.734b213.0",
102
102
  "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
103
103
  "@jetbrains/stylelint-config": "^4.0.2",
104
- "@primer/octicons": "^19.21.2",
104
+ "@primer/octicons": "^19.22.0",
105
105
  "@rollup/plugin-babel": "^6.1.0",
106
106
  "@rollup/plugin-json": "^6.1.0",
107
107
  "@rollup/plugin-node-resolve": "^16.0.3",
108
108
  "@rollup/plugin-replace": "^6.0.3",
109
- "@storybook/addon-a11y": "10.2.7",
110
- "@storybook/addon-docs": "^10.2.7",
111
- "@storybook/addon-themes": "^10.2.7",
109
+ "@storybook/addon-a11y": "10.2.8",
110
+ "@storybook/addon-docs": "^10.2.8",
111
+ "@storybook/addon-themes": "^10.2.8",
112
112
  "@storybook/csf": "^0.1.13",
113
- "@storybook/react-webpack5": "10.2.7",
113
+ "@storybook/react-webpack5": "10.2.8",
114
114
  "@storybook/test-runner": "^0.24.2",
115
115
  "@testing-library/dom": "^10.4.1",
116
116
  "@testing-library/react": "^16.3.2",
@@ -118,19 +118,19 @@
118
118
  "@types/chai-as-promised": "^8.0.2",
119
119
  "@types/chai-dom": "1.11.3",
120
120
  "@types/markdown-it": "^14.1.2",
121
- "@types/react": "^19.2.13",
121
+ "@types/react": "^19.2.14",
122
122
  "@types/react-dom": "^19.2.3",
123
123
  "@types/webpack-env": "^1.18.8",
124
- "@vitejs/plugin-react": "^5.1.3",
125
- "@vitest/eslint-plugin": "^1.6.6",
124
+ "@vitejs/plugin-react": "^5.1.4",
125
+ "@vitest/eslint-plugin": "^1.6.7",
126
126
  "acorn": "^8.15.0",
127
127
  "babel-plugin-require-context-hook": "^1.0.0",
128
- "caniuse-lite": "^1.0.30001766",
128
+ "caniuse-lite": "^1.0.30001769",
129
129
  "chai-as-promised": "^8.0.2",
130
130
  "chai-dom": "^1.12.1",
131
131
  "cheerio": "^1.2.0",
132
132
  "core-js": "^3.48.0",
133
- "cpy-cli": "^6.0.0",
133
+ "cpy-cli": "^7.0.0",
134
134
  "dotenv-cli": "^11.0.0",
135
135
  "eslint": "^9.39.2",
136
136
  "eslint-config-prettier": "^10.1.8",
@@ -142,10 +142,10 @@
142
142
  "eslint-plugin-prettier": "^5.5.5",
143
143
  "eslint-plugin-react": "^7.37.5",
144
144
  "eslint-plugin-react-hooks": "^7.0.1",
145
- "eslint-plugin-storybook": "^10.2.3",
145
+ "eslint-plugin-storybook": "^10.2.8",
146
146
  "eslint-plugin-unicorn": "^62.0.0",
147
147
  "events": "^3.3.0",
148
- "glob": "^13.0.0",
148
+ "glob": "^13.0.3",
149
149
  "globals": "^17.3.0",
150
150
  "html-webpack-plugin": "^5.6.6",
151
151
  "http-server": "^14.1.1",
@@ -155,7 +155,7 @@
155
155
  "jest-environment-jsdom": "^30.2.0",
156
156
  "jest-teamcity": "^1.12.0",
157
157
  "lint-staged": "^16.2.7",
158
- "markdown-it": "^14.1.0",
158
+ "markdown-it": "^14.1.1",
159
159
  "merge-options": "^3.0.4",
160
160
  "pinst": "^3.0.0",
161
161
  "prettier": "^3.8.1",
@@ -167,17 +167,17 @@
167
167
  "rollup": "^4.57.1",
168
168
  "rollup-plugin-clear": "^2.0.7",
169
169
  "storage-mock": "^2.1.0",
170
- "storybook": "10.2.7",
171
- "stylelint": "^17.1.0",
170
+ "storybook": "10.2.8",
171
+ "stylelint": "^17.3.0",
172
172
  "stylelint-config-sass-guidelines": "^12.1.0",
173
173
  "svg-inline-loader": "^0.8.2",
174
174
  "teamcity-service-messages": "^0.1.14",
175
175
  "terser-webpack-plugin": "^5.3.16",
176
176
  "typescript": "~5.9.3",
177
- "typescript-eslint": "^8.54.0",
177
+ "typescript-eslint": "^8.55.0",
178
178
  "vitest": "^4.0.18",
179
179
  "vitest-teamcity-reporter": "^0.4.1",
180
- "webpack": "^5.104.1",
180
+ "webpack": "^5.105.2",
181
181
  "webpack-cli": "^6.0.1"
182
182
  },
183
183
  "peerDependencies": {
@@ -203,7 +203,7 @@
203
203
  "@babel/core": "^7.29.0",
204
204
  "@babel/preset-typescript": "^7.28.5",
205
205
  "@jetbrains/babel-preset-jetbrains": "^2.4.0",
206
- "@jetbrains/icons": "^5.15.0",
206
+ "@jetbrains/icons": "^5.16.0",
207
207
  "@jetbrains/postcss-require-hover": "^0.2.0",
208
208
  "@types/combokeys": "^2.4.9",
209
209
  "@types/element-resize-detector": "^1.1.6",
@@ -233,7 +233,7 @@
233
233
  "postcss-font-family-system-ui": "^5.0.0",
234
234
  "postcss-loader": "^8.2.0",
235
235
  "postcss-modules-values-replace": "^4.2.2",
236
- "postcss-preset-env": "^11.1.2",
236
+ "postcss-preset-env": "^11.1.3",
237
237
  "react-compiler-runtime": "^1.0.0",
238
238
  "react-movable": "^3.4.1",
239
239
  "react-virtualized": "^9.22.6",