@jetbrains/ring-ui-built 7.0.123 → 8.0.0-beta.10

package/components/login-dialog/service.js

@@ -15,7 +15,7 @@ import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import '../island/header.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -58,7 +58,7 @@ const reactRoot = createRoot(containerElement);
  * Renders LoginDialog into virtual node to skip maintaining container
  */
 function renderLoginDialog(props) {
-  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
     value: getGlobalControlsHeight(),
     children: /*#__PURE__*/jsx(LoginDialog, {
       ...props

package/components/message/message.js

@@ -20,7 +20,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';

package/components/pager/pager.js

@@ -13,14 +13,14 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';
+import 'util-deprecate';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/data-tests.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
@@ -30,7 +30,6 @@ import 'dequal';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -42,6 +41,7 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/popup/popup.js

@@ -19,7 +19,7 @@ import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 
 var styles = {"popup":"ring-popup-popup ring-global-font","cssAnchoredPopup":"ring-popup-cssAnchoredPopup","largeBorderRadius":"ring-popup-largeBorderRadius","hidden":"ring-popup-hidden","showing":"ring-popup-showing","attached":"ring-popup-attached"};
 

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

@@ -1,13 +1,14 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
+import { type HTMLAttributes, type Ref, type ReactNode } from 'react';
 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'> {
+    ref?: Ref<HTMLDivElement>;
     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 declare function PopupTarget({ ref, id, children, ...restProps }: PopupTargetProps): import("react").JSX.Element;
 export {};

package/components/popup/popup.target.js

@@ -1,24 +1,26 @@
-import { c } from 'react-compiler-runtime';
-import { createContext, forwardRef } from 'react';
+import { c } from 'react/compiler-runtime';
+import { createContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 const PopupTargetContext = /*#__PURE__*/createContext(undefined);
 function normalizePopupTarget(value) {
   return typeof value === 'string' || value instanceof Element ? value : value?.target;
 }
-const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(t0, ref) {
-  const $ = c(16);
-  if ($[0] !== "724a89f31414a8bb7f140dd9ee815319e22fb903301463ca38bb9ce1c09b0c07") {
-    for (let $i = 0; $i < 16; $i += 1) {
+function PopupTarget(t0) {
+  const $ = c(17);
+  if ($[0] !== "7699156479625bee795d2e20de6b2a333ee08e426b86af6e54a6a359d82ff1bc") {
+    for (let $i = 0; $i < 17; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "724a89f31414a8bb7f140dd9ee815319e22fb903301463ca38bb9ce1c09b0c07";
+    $[0] = "7699156479625bee795d2e20de6b2a333ee08e426b86af6e54a6a359d82ff1bc";
   }
   let children;
   let id;
+  let ref;
   let restProps;
   if ($[1] !== t0) {
     ({
+      ref,
       id,
       children,
       ...restProps
@@ -26,52 +28,54 @@ const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(t0, ref) {
     $[1] = t0;
     $[2] = children;
     $[3] = id;
-    $[4] = restProps;
+    $[4] = ref;
+    $[5] = restProps;
   } else {
     children = $[2];
     id = $[3];
-    restProps = $[4];
+    ref = $[4];
+    restProps = $[5];
   }
   const t1 = typeof children !== "function" && children;
   let t2;
-  if ($[5] !== id || $[6] !== ref || $[7] !== restProps || $[8] !== t1) {
+  if ($[6] !== id || $[7] !== ref || $[8] !== restProps || $[9] !== t1) {
     t2 = /*#__PURE__*/jsx("div", {
       ...restProps,
       "data-portaltarget": id,
       ref: ref,
       children: t1
     });
-    $[5] = id;
-    $[6] = ref;
-    $[7] = restProps;
-    $[8] = t1;
-    $[9] = t2;
+    $[6] = id;
+    $[7] = ref;
+    $[8] = restProps;
+    $[9] = t1;
+    $[10] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[10];
   }
   const target = t2;
   let t3;
-  if ($[10] !== children || $[11] !== target) {
+  if ($[11] !== children || $[12] !== target) {
     t3 = typeof children === "function" ? children(target) : target;
-    $[10] = children;
-    $[11] = target;
-    $[12] = t3;
+    $[11] = children;
+    $[12] = target;
+    $[13] = t3;
   } else {
-    t3 = $[12];
+    t3 = $[13];
   }
   let t4;
-  if ($[13] !== id || $[14] !== t3) {
-    t4 = /*#__PURE__*/jsx(PopupTargetContext.Provider, {
+  if ($[14] !== id || $[15] !== t3) {
+    t4 = /*#__PURE__*/jsx(PopupTargetContext, {
       value: id,
       children: t3
     });
-    $[13] = id;
-    $[14] = t3;
-    $[15] = t4;
+    $[14] = id;
+    $[15] = t3;
+    $[16] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[16];
   }
   return t4;
-});
+}
 
 export { PopupTarget, PopupTargetContext, normalizePopupTarget };

package/components/popup-menu/popup-menu.js

@@ -15,7 +15,7 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';

package/components/query-assist/query-assist-suggestions.js

@@ -21,7 +21,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/create-stateful-context.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';

package/components/query-assist/query-assist.d.ts

@@ -285,5 +285,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     render(): React.JSX.Element;
 }
 export type QueryAssistAttrs = React.JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
-export declare const RerenderableQueryAssist: React.ForwardRefExoticComponent<QueryAssistProps & React.RefAttributes<QueryAssist>>;
+export declare const RerenderableQueryAssist: ({ ref, ...props }: QueryAssistProps & {
+    ref?: React.Ref<QueryAssist> | undefined;
+}) => React.JSX.Element;
 export {};

package/components/query-assist/query-assist.js

@@ -22,7 +22,7 @@ import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, s as styles } from '../_helpers/query-assist-suggestions.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ControlsHeight } from '../global/configuration.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react-dom/server';
 import '../popup/popup.js';
 import 'react-dom';
@@ -841,7 +841,7 @@ class QueryAssist extends Component {
       [styles.hugePlaceholder]: huge,
       [styles.withoutGlass]: !glass || !renderLoader && huge
     });
-    return /*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+    return /*#__PURE__*/jsx(ControlsHeightContext, {
       value: ControlsHeight.M,
       children: /*#__PURE__*/jsx(I18nContext.Consumer, {
         children: ({

package/components/radio/radio-item.d.ts

@@ -1,4 +1,4 @@
-import { Component, type InputHTMLAttributes, type ReactNode } from 'react';
+import { Component, type Ref, type InputHTMLAttributes, type ReactNode } from 'react';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value?: string | undefined;
     onChange?: ((value: string) => void) | null | undefined;
@@ -17,7 +17,7 @@ export declare class RadioItemInner extends Component<RadioItemInnerProps> {
     render(): import("react").JSX.Element;
 }
 export interface RadioItemProps extends RadioItemInnerProps {
+    ref?: Ref<RadioItemInner>;
     value: string;
 }
-declare const RadioItem: import("react").ForwardRefExoticComponent<RadioItemProps & import("react").RefAttributes<RadioItemInner>>;
-export default RadioItem;
+export default function RadioItem({ ref, ...props }: RadioItemProps): import("react").JSX.Element;

package/components/radio/radio-item.js

@@ -1,10 +1,10 @@
-import { c } from 'react-compiler-runtime';
-import { createContext, Component, forwardRef } from 'react';
+import { c } from 'react/compiler-runtime';
+import { createContext, Component } from 'react';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
 import joinDataTestAttributes from '../global/data-tests.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles = {"radio":"ring-radio-radio","circle":"ring-radio-circle","input":"ring-radio-input","focus":"ring-radio-focus","label":"ring-radio-label"};
 
@@ -50,23 +50,37 @@ class RadioItemInner extends Component {
     });
   }
 }
-const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "cfe03c1b4de5e5b7c05d995f87f6f21e4f959ab43be4b51105412c45322d9b72") {
-    for (let $i = 0; $i < 4; $i += 1) {
+function RadioItem(t0) {
+  const $ = c(7);
+  if ($[0] !== "76a59b10a53963fdea791fd3fd6af13dc3cda49b18cdc493b183559c143d5694") {
+    for (let $i = 0; $i < 7; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "cfe03c1b4de5e5b7c05d995f87f6f21e4f959ab43be4b51105412c45322d9b72";
+    $[0] = "76a59b10a53963fdea791fd3fd6af13dc3cda49b18cdc493b183559c143d5694";
   }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(RadioContext.Consumer, {
-      children: t1 => {
+  let props;
+  let ref;
+  if ($[1] !== t0) {
+    ({
+      ref,
+      ...props
+    } = t0);
+    $[1] = t0;
+    $[2] = props;
+    $[3] = ref;
+  } else {
+    props = $[2];
+    ref = $[3];
+  }
+  let t1;
+  if ($[4] !== props || $[5] !== ref) {
+    t1 = /*#__PURE__*/jsx(RadioContext.Consumer, {
+      children: t2 => {
         const {
           value,
           onChange,
           ...restContext
-        } = t1;
+        } = t2;
         return /*#__PURE__*/jsx(RadioItemInner, {
           ref: ref,
           ...restContext,
@@ -76,13 +90,13 @@ const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
         });
       }
     });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
+    $[4] = props;
+    $[5] = ref;
+    $[6] = t1;
   } else {
-    t0 = $[3];
+    t1 = $[6];
   }
-  return t0;
-});
+  return t1;
+}
 
 export { RadioContext, RadioItemInner, RadioItem as default };

package/components/radio/radio.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'react';
-import { type RadioProps } from './radio-item';
+import RadioItem, { type RadioProps } from './radio-item';
 /**
  * @name Radio
  */
 export default class Radio extends Component<RadioProps> {
-    static Item: import("react").ForwardRefExoticComponent<import("./radio-item").RadioItemProps & import("react").RefAttributes<import("./radio-item").RadioItemInner>>;
+    static Item: typeof RadioItem;
     uid: string;
     render(): import("react").JSX.Element;
 }

package/components/radio/radio.js

@@ -2,7 +2,7 @@ import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import RadioItem, { RadioContext } from './radio-item.js';
 import { jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'classnames';
 import '../control-help/control-help.js';
 import '../global/data-tests.js';
@@ -11,7 +11,7 @@ class Radio extends Component {
   static Item = RadioItem;
   uid = getUID('ring-radio-');
   render() {
-    return /*#__PURE__*/jsx(RadioContext.Provider, {
+    return /*#__PURE__*/jsx(RadioContext, {
       value: {
         name: this.uid,
         ...this.props

package/components/scrollable-section/scrollable-section.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/components/select/chevron-button.js

@@ -1,12 +1,12 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/select/select-filter.js

@@ -10,11 +10,11 @@ import '@jetbrains/icons/close-12px';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../global/controls-height.js';

package/components/select/select-popup.d.ts

@@ -4,7 +4,7 @@
 import { type ComponentType, type CSSProperties, PureComponent, type ReactNode, type Ref, type SyntheticEvent } from 'react';
 import * as React from 'react';
 import { type IconType } from '../icon/icon';
-import Popup from '../popup/popup';
+import Popup, { type PopupAttrs } from '../popup/popup';
 import { type Directions } from '../popup/position';
 import List, { type SelectHandlerParams } from '../list/list';
 import Caret from '../caret/caret';
@@ -60,6 +60,7 @@ export interface SelectPopupProps<T = unknown> {
     ringPopupTarget: string | null;
     onSelectAll: (isSelectAll: boolean) => void;
     onEmptyPopupEnter: (e: KeyboardEvent) => void;
+    popupProps?: Partial<PopupAttrs> | undefined;
     className?: string | null | undefined;
     compact?: boolean | null | undefined;
     dir?: 'ltr' | 'rtl' | undefined;
@@ -127,7 +128,7 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     list?: List<T> | null;
     listRef: (el: List<T> | null) => void;
     filterRef: (el: HTMLInputElement | null) => void;
-    composedFilterRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T_1 | null) => void>;
+    composedFilterRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T_1 | null) => () => void>;
     shortcutsScope: string;
     shortcutsMap: {
         tab: (event: Event) => void;

package/components/select/select-popup.js

@@ -26,7 +26,7 @@ import { ControlsHeight } from '../global/configuration.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../global/data-tests.js';
@@ -446,9 +446,10 @@ class SelectPopup extends PureComponent {
       offset,
       style,
       dir,
-      filter
+      filter,
+      popupProps
     } = this.props;
-    const classes = classNames(styles.popup, className);
+    const classes = classNames(styles.popup, className, popupProps?.className);
     return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
       children: ringPopupTarget => {
         const filterWithTags = this.getFilterWithTags();
@@ -457,6 +458,7 @@ class SelectPopup extends PureComponent {
         const bottomLine = this.getBottomLine();
         const hasContent = filterWithTags || selectAll || list || bottomLine || toolbar || topbar;
         return /*#__PURE__*/jsx(Popup, {
+          ...popupProps,
           trapFocus: false,
           ref: this.popupRef,
           hidden: hidden || !hasContent,
@@ -474,7 +476,10 @@ class SelectPopup extends PureComponent {
           onMouseDown: this.mouseDownHandler,
           target: this.props.ringPopupTarget,
           autoCorrectTopOverflow: false,
-          style: style,
+          style: {
+            ...popupProps?.style,
+            ...style
+          },
           largeBorderRadius: true,
           children: /*#__PURE__*/jsxs("div", {
             dir: dir,

package/components/select/select.d.ts

@@ -1,5 +1,6 @@
 import { type ButtonHTMLAttributes, Component, type ComponentType, type CSSProperties, type HTMLAttributes, type ReactNode, type Ref, type RefCallback, type SyntheticEvent } from 'react';
 import * as React from 'react';
+import { type PopupAttrs } from '../popup/popup';
 import { type SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
 import { type LabelType } from '../control-label/control-label';
@@ -99,6 +100,7 @@ export interface BaseSelectProps<T = unknown> {
     getInitial?: (() => string) | null | undefined;
     minWidth?: number | undefined;
     popupClassName?: string | null | undefined;
+    popupProps?: Partial<PopupAttrs> | undefined;
     popupStyle?: CSSProperties | undefined;
     top?: number | undefined;
     left?: number | undefined;
@@ -264,7 +266,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     private _getAvatar;
     filter?: HTMLInputElement | null;
     filterRef: (el: HTMLInputElement | null) => void;
-    composedFilterRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T_1 | null) => void>;
+    composedFilterRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement> | undefined)[]) => (value: T_1 | null) => () => void>;
     getShortcutsMap(): {
         enter: () => true | undefined;
         esc: (event: KeyboardEvent) => boolean | undefined;
@@ -282,5 +284,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
 export type SingleSelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
 export type MultipleSelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;
 export type SelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, SelectProps<T>>;
-export declare const RerenderableSelect: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export declare const RerenderableSelect: ({ ref, ...props }: Omit<any, "ref"> & {
+    ref?: Ref<any> | undefined;
+}) => React.JSX.Element;
 export {};

package/components/select/select.js

@@ -24,9 +24,7 @@ import SelectPopup from './select-popup.js';
 import ChevronButton from './chevron-button.js';
 import { ControlsHeight } from '../global/configuration.js';
 import { Size as Size$1 } from '../avatar/avatar-size.js';
-import 'react-compiler-runtime';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
+import 'react/compiler-runtime';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -35,6 +33,7 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.includes.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
@@ -47,6 +46,7 @@ import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
+import 'util-deprecate';
 import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list-item.js';
@@ -102,7 +102,7 @@ const getStyle = memoize(iconsLength => ({
 }));
 const isInputMode = type => type === Type.INPUT || type === Type.INPUT_WITHOUT_CONTROLS;
 function getLowerCaseLabel(item) {
-  if (List.isItemType(List.ListProps.Type.SEPARATOR, item) || List.isItemType(List.ListProps.Type.HINT, item) || typeof item.label !== 'string') {
+  if (List.isItemType(List.ListProps.Type.SEPARATOR, item) || typeof item.label !== 'string') {
     return null;
   }
   return item.label.toLowerCase();
@@ -585,6 +585,7 @@ class Select extends Component {
           maxHeight: this.props.maxHeight,
           minWidth: this.props.minWidth,
           directions: this.props.directions,
+          popupProps: this.props.popupProps,
           className: this.props.popupClassName,
           style: this.props.popupStyle,
           top: this.props.top,

package/components/selection-toolbar/selection-toolbar.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export interface SelectionToolbarProps extends ComponentPropsWithRef<'div'> {
+    label: ReactNode;
+    selectAll?: ReactNode;
+    closeAction: ReactNode;
+    compact?: boolean;
+    'data-test'?: string | null;
+}
+export declare function SelectionToolbar({ ref, label, selectAll, closeAction, compact, className, children, 'data-test': dataTest, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...restProps }: SelectionToolbarProps): import("react").JSX.Element;
+export declare function SelectionToolbarSeparator(): import("react").JSX.Element;
+export default SelectionToolbar;