@jetbrains/ring-ui 6.0.21 → 6.0.23

package/components/button/button.css

@@ -371,6 +371,10 @@
 
   color: var(--ring-icon-secondary-color);
 
+  .primary & {
+    color: unset;
+  }
+
   line-height: normal;
 }
 

package/components/list/list.css

@@ -291,6 +291,10 @@
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--ring-content-background-color));
 }
 
+.overscrollNone {
+  overscroll-behavior: none;
+}
+
 .disabled {
   pointer-events: none;
 

package/components/list/list.d.ts

@@ -45,6 +45,7 @@ export interface ListProps<T = unknown> {
     compact?: boolean | null | undefined;
     disableScrollToActive?: boolean | null | undefined;
     hidden?: boolean | null | undefined;
+    preventListOverscroll?: boolean | undefined;
 }
 export declare const ActiveItemContext: {
     ValueContext: React.Context<string | undefined>;
@@ -114,6 +115,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
         disableScrollToActive: PropTypes.Requireable<boolean>;
         hidden: PropTypes.Requireable<boolean>;
         ariaLabel: PropTypes.Requireable<string>;
+        preventListOverscroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         data: never[];

package/components/list/list.js

@@ -86,7 +86,8 @@ export default class List extends Component {
         compact: PropTypes.bool,
         disableScrollToActive: PropTypes.bool,
         hidden: PropTypes.bool,
-        ariaLabel: PropTypes.string
+        ariaLabel: PropTypes.string,
+        preventListOverscroll: PropTypes.bool
     };
     static defaultProps = {
         data: [],
@@ -515,7 +516,7 @@ export default class List extends Component {
         const dirOverride = { direction: 'inherit' }; // Virtualized sets "direction: ltr" by default https://github.com/bvaughn/react-virtualized/issues/457
         return (<AutoSizer disableHeight onResize={this.props.onResize}>
         {({ width }) => (<div ref={registerChild}>
-            <VirtualizedList aria-label={this.props.ariaLabel} ref={this.virtualizedListRef} className="ring-list__i" autoHeight={autoHeight} style={maxHeight ? { maxHeight, height: 'auto', ...dirOverride } : dirOverride} autoContainerWidth height={height} width={width} isScrolling={isScrolling} onScroll={e => {
+            <VirtualizedList aria-label={this.props.ariaLabel} ref={this.virtualizedListRef} className={classNames('ring-list__i', { [styles.overscrollNone]: this.props.preventListOverscroll })} autoHeight={autoHeight} style={maxHeight ? { maxHeight, height: 'auto', ...dirOverride } : dirOverride} autoContainerWidth height={height} width={width} isScrolling={isScrolling} onScroll={e => {
                     onChildScroll(e);
                     this.scrollEndHandler();
                 }} scrollTop={scrollTop} rowCount={rowCount} estimatedRowSize={this.defaultItemHeight()} rowHeight={this._cache.rowHeight} rowRenderer={this.renderItem} overscanRowCount={this._bufferSize} 

package/components/select/select.d.ts

@@ -102,6 +102,7 @@ export interface BaseSelectProps<T = unknown> {
     left?: number | undefined;
     renderOptimization?: boolean | undefined;
     ringPopupTarget?: string | null | undefined;
+    preventListOverscroll?: boolean | undefined;
     error?: ReactNode | null | undefined;
     hint?: ReactNode;
     add?: Add | null | undefined;

package/components/select/select.js

@@ -443,7 +443,7 @@ export default class Select extends Component {
                     message = this.props.notFoundMessage ?? translate('noOptionsFound');
                 }
                 return (<SelectPopup data={_shownData} message={message} toolbar={showPopup && this.getToolbar()} topbar={this.getTopbar()} loading={this.props.loading} activeIndex={this.state.selectedIndex} hidden={!showPopup} ref={this.popupRef} maxHeight={this.props.maxHeight} minWidth={this.props.minWidth} directions={this.props.directions} className={this.props.popupClassName} style={this.props.popupStyle} top={this.props.top} left={this.props.left} filter={this.isInputMode() ? false : this.props.filter} // disable popup filter in INPUT mode
-                 filterIcon={this.props.filterIcon} filterRef={this.props.filterRef} multiple={this.props.multiple} filterValue={this.state.filterValue} anchorElement={anchorElement} onCloseAttempt={this._onCloseAttempt} onOutsideClick={this.props.onOutsideClick} onSelect={this._listSelectHandler} onSelectAll={this._listSelectAllHandler} onFilter={this._filterChangeHandler} onClear={this.clearFilter} onLoadMore={this.props.onLoadMore} isInputMode={this.isInputMode()} selected={this.state.selected} tags={this.props.tags} compact={this.props.compact} renderOptimization={this.props.renderOptimization} ringPopupTarget={this.props.ringPopupTarget} disableMoveOverflow={this.props.disableMoveOverflow} disableScrollToActive={this.props.disableScrollToActive} dir={this.props.dir} onEmptyPopupEnter={this.onEmptyPopupEnter} listId={this.listId}/>);
+                 filterIcon={this.props.filterIcon} filterRef={this.props.filterRef} multiple={this.props.multiple} filterValue={this.state.filterValue} anchorElement={anchorElement} onCloseAttempt={this._onCloseAttempt} onOutsideClick={this.props.onOutsideClick} onSelect={this._listSelectHandler} onSelectAll={this._listSelectAllHandler} onFilter={this._filterChangeHandler} onClear={this.clearFilter} onLoadMore={this.props.onLoadMore} isInputMode={this.isInputMode()} selected={this.state.selected} tags={this.props.tags} compact={this.props.compact} renderOptimization={this.props.renderOptimization} ringPopupTarget={this.props.ringPopupTarget} disableMoveOverflow={this.props.disableMoveOverflow} disableScrollToActive={this.props.disableScrollToActive} dir={this.props.dir} onEmptyPopupEnter={this.onEmptyPopupEnter} listId={this.listId} preventListOverscroll={this.props.preventListOverscroll}/>);
             }}
       </I18nContext.Consumer>);
     }
@@ -925,6 +925,7 @@ Select.propTypes = {
     directions: PropTypes.array,
     popupClassName: PropTypes.string,
     popupStyle: PropTypes.object,
+    preventListOverscroll: PropTypes.bool,
     top: PropTypes.number,
     left: PropTypes.number,
     renderOptimization: PropTypes.bool,

package/components/select/select__popup.d.ts

@@ -77,6 +77,7 @@ export interface SelectPopupProps<T = unknown> {
     multiple: boolean | Multiple;
     selected: ListDataItem<T> | readonly ListDataItem<T>[] | null;
     tags: Tags | boolean | null;
+    preventListOverscroll?: boolean | undefined;
 }
 export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupProps<T>> {
     static defaultProps: SelectPopupProps;

package/components/select/select__popup.js

@@ -252,7 +252,7 @@ export default class SelectPopup extends PureComponent {
             if (this.props.toolbar) {
                 maxHeight -= TOOLBAR_HEIGHT;
             }
-            return (<List id={this.props.listId} maxHeight={maxHeight} data={this.props.data} activeIndex={this.props.activeIndex} ref={this.listRef} restoreActiveIndex activateFirstItem onSelect={this.onListSelect} onResize={this.handleListResize} onScrollToBottom={this.props.onLoadMore} hidden={this.props.hidden} shortcuts={!this.props.hidden} disableMoveOverflow={this.props.disableMoveOverflow} disableMoveDownOverflow={this.props.loading} disableScrollToActive={this.props.disableScrollToActive} compact={this.props.compact} renderOptimization={this.props.renderOptimization}/>);
+            return (<List id={this.props.listId} maxHeight={maxHeight} data={this.props.data} activeIndex={this.props.activeIndex} ref={this.listRef} restoreActiveIndex activateFirstItem onSelect={this.onListSelect} onResize={this.handleListResize} onScrollToBottom={this.props.onLoadMore} hidden={this.props.hidden} shortcuts={!this.props.hidden} disableMoveOverflow={this.props.disableMoveOverflow} disableMoveDownOverflow={this.props.loading} disableScrollToActive={this.props.disableScrollToActive} compact={this.props.compact} preventListOverscroll={this.props.preventListOverscroll} renderOptimization={this.props.renderOptimization}/>);
         }
         return null;
     }
@@ -404,5 +404,6 @@ SelectPopup.propTypes = {
     tags: PropTypes.object,
     toolbar: PropTypes.node,
     topbar: PropTypes.node,
-    top: PropTypes.number
+    top: PropTypes.number,
+    preventListOverscroll: PropTypes.bool
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.21",
+  "version": "6.0.23",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -77,8 +77,8 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.24.1",
-    "@babel/eslint-parser": "^7.24.1",
+    "@babel/cli": "^7.24.5",
+    "@babel/eslint-parser": "^7.24.5",
     "@csstools/css-parser-algorithms": "^2.6.1",
     "@csstools/stylelint-no-at-nest-rule": "^2.0.0",
     "@jetbrains/eslint-config": "^5.4.2",
@@ -109,11 +109,11 @@
     "@types/enzyme": "^3.10.18",
     "@types/markdown-it": "^14.0.1",
     "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.2.25",
+    "@types/react-dom": "^18.3.0",
     "@types/sinon": "^17.0.3",
     "@types/sinon-chai": "^3.2.12",
-    "@typescript-eslint/eslint-plugin": "^7.7.1",
-    "@typescript-eslint/parser": "^7.7.1",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.11.3",
     "axe-playwright": "^2.0.1",
@@ -159,11 +159,11 @@
     "puppeteer": "^22.7.1",
     "raw-loader": "^4.0.2",
     "react": "^18.3.1",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^5.0.5",
-    "rollup": "^4.17.1",
+    "rollup": "^4.17.2",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^17.0.1",
@@ -201,7 +201,7 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.24.4",
+    "@babel/core": "^7.24.5",
     "@babel/preset-typescript": "^7.24.1",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^4.2.0",