@jetbrains/ring-ui 5.1.11 → 5.1.13

package/components/button-group/button-group.css

@@ -172,6 +172,14 @@
   border-bottom-left-radius: var(--ring-border-radius);
 }
 
+/* stylelint-disable-next-line selector-max-specificity */
+.common > button:first-child > div:first-child,
+.common > .button:first-child > div:first-child,
+.common > :first-child .button > div:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
 .common > .button:last-child,
 .common > button:last-child,
 .common > :last-child .button {
@@ -179,6 +187,14 @@
   border-bottom-right-radius: var(--ring-border-radius);
 }
 
+/* stylelint-disable-next-line selector-max-specificity */
+.common > .button:last-child > div:first-child,
+.common > button:last-child > div:first-child,
+.common > :last-child .button > div:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
 .split .primary:not(:last-child) {
   margin-right: 1px;
 }

package/components/list/consts.d.ts

@@ -1,4 +1,5 @@
 import React, { ComponentType, ReactNode, SyntheticEvent } from 'react';
+import { ReactElement } from 'react-markdown/lib/react-markdown';
 import { LinkProps } from '../link/link';
 import { IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';
@@ -55,6 +56,7 @@ export type ListDataItem<T = unknown> = T & Partial<Omit<LinkProps, 'onClick' |
     originalModel?: never;
     LinkComponent?: ComponentType<ClickableLinkProps> | string | null | undefined;
     template?: ReactNode | ((props: ListDataItemProps<T>) => ReactNode);
+    wrapper?: (children: ReactNode) => ReactElement;
     custom?: boolean | null | undefined;
     onClick?: ((item: ListDataItem<T>, event: Event | SyntheticEvent) => void) | null | undefined;
     onMouseUp?: ((item: ListDataItem<T>, event: Event | SyntheticEvent) => void) | null | undefined;

package/components/list/list.d.ts

@@ -29,6 +29,7 @@ export interface ListProps<T = unknown> {
     onScrollToBottom: () => void;
     onResize: (info: Size) => void;
     shortcuts: boolean;
+    shortcutsMap?: ShortcutsMap;
     renderOptimization: boolean;
     disableMoveDownOverflow: boolean;
     ariaLabel: string;
@@ -99,6 +100,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
         activateSingleItem: PropTypes.Requireable<boolean>;
         activateFirstItem: PropTypes.Requireable<boolean>;
         shortcuts: PropTypes.Requireable<boolean>;
+        shortcutsMap: PropTypes.Requireable<object>;
         onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollToBottom: PropTypes.Requireable<(...args: any[]) => any>;

package/components/list/list.js

@@ -73,6 +73,7 @@ export default class List extends Component {
         activateSingleItem: PropTypes.bool,
         activateFirstItem: PropTypes.bool,
         shortcuts: PropTypes.bool,
+        shortcutsMap: PropTypes.object,
         onMouseOut: PropTypes.func,
         onSelect: PropTypes.func,
         onScrollToBottom: PropTypes.func,
@@ -480,7 +481,12 @@ export default class List extends Component {
                 default:
                     throw new Error(`Unknown menu element type: ${itemProps.rgItemType}`);
             }
-            el = <ItemComponent {...itemProps}/>;
+            if (itemProps.wrapper) {
+                el = itemProps.wrapper(<ItemComponent {...itemProps}/>);
+            }
+            else {
+                el = <ItemComponent {...itemProps}/>;
+            }
         }
         return parent
             ? (<CellMeasurer cache={this._cache} key={itemKey} parent={parent} rowIndex={index} columnIndex={0}>
@@ -576,7 +582,9 @@ export default class List extends Component {
         <ActiveItemContext.Updater value={this.getId(this.state.activeItem)} skipUpdate={this.props.hidden || !isActivatable(this.state.activeItem)}/>
         <div id={this.props.id} ref={this.containerRef} className={classes} onMouseOut={this.props.onMouseOut} onBlur={this.props.onMouseOut} onMouseLeave={this.clearSelected} data-test="ring-list">
           {this.props.shortcuts &&
-                (<Shortcuts map={this.shortcutsMap} scope={this.shortcutsScope}/>)}
+                (<Shortcuts map={this.props.shortcutsMap
+                        ? { ...this.shortcutsMap, ...this.props.shortcutsMap }
+                        : this.shortcutsMap} scope={this.shortcutsScope}/>)}
           {this.props.renderOptimization
                 ? this.renderVirtualized(maxHeight, rowCount)
                 : this.renderSimple(maxHeight, rowCount)}

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

@@ -297,6 +297,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     clearRef: (node: ComponentRef<typeof Button> | null) => void;
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
+    listShortcutsMap: ShortcutsMap;
     renderActions(): React.ReactNode[];
     render(): React.JSX.Element;
 }

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

@@ -771,6 +771,10 @@ export default class QueryAssist extends Component {
         home: noop,
         end: noop
     };
+    listShortcutsMap = {
+        home: noop,
+        end: noop
+    };
     renderActions() {
         const actions = [...(this.props.actions || [])];
         const renderClear = this.props.clear && !!this.state.query;
@@ -830,7 +834,7 @@ export default class QueryAssist extends Component {
                     ? (<div data-test="ring-query-assist-actions" className={styles.actions}>{actions}</div>)
                     : null}
 
-              <PopupMenu hidden={!this.state.showPopup} onCloseAttempt={this.closePopup} ref={this.popupRef} anchorElement={this.node} keepMounted attached className={this.props.popupClassName} directions={[PopupMenu.PopupProps.Directions.BOTTOM_RIGHT]} data={useCustomItemRender ? this.state.suggestions : this.renderSuggestions()} data-test="ring-query-assist-popup" hint={this.props.hint} hintOnSelection={this.props.hintOnSelection} left={this.getPopupOffset(this.state.suggestions)} maxHeight={PopupMenu.PopupProps.MaxHeight.SCREEN} onMouseDown={this.trackPopupMouseState} onMouseUp={this.trackPopupMouseState} onSelect={item => this.handleComplete(item)}/>
+              <PopupMenu hidden={!this.state.showPopup} onCloseAttempt={this.closePopup} ref={this.popupRef} anchorElement={this.node} keepMounted attached className={this.props.popupClassName} directions={[PopupMenu.PopupProps.Directions.BOTTOM_RIGHT]} data={useCustomItemRender ? this.state.suggestions : this.renderSuggestions()} data-test="ring-query-assist-popup" hint={this.props.hint} shortcutsMap={this.listShortcutsMap} hintOnSelection={this.props.hintOnSelection} left={this.getPopupOffset(this.state.suggestions)} maxHeight={PopupMenu.PopupProps.MaxHeight.SCREEN} onMouseDown={this.trackPopupMouseState} onMouseUp={this.trackPopupMouseState} onSelect={item => this.handleComplete(item)}/>
 
               {glass && huge && (<div className={styles.rightSearchButton} data-test="query-assist-search-button">
                   <Icon glyph={searchIcon} className={styles.rightSearchIcon} title={translations?.searchTitle ?? translate('searchTitle')} onClick={this.handleApply} ref={this.glassRef} data-test="query-assist-search-icon"/>

package/dist/list/consts.d.ts

@@ -1,4 +1,5 @@
 import React, { ComponentType, ReactNode, SyntheticEvent } from 'react';
+import { ReactElement } from 'react-markdown/lib/react-markdown';
 import { LinkProps } from '../link/link';
 import { IconType, Size } from '../icon/icon';
 import { ClickableLinkProps } from '../link/clickableLink';
@@ -55,6 +56,7 @@ export type ListDataItem<T = unknown> = T & Partial<Omit<LinkProps, 'onClick' |
     originalModel?: never;
     LinkComponent?: ComponentType<ClickableLinkProps> | string | null | undefined;
     template?: ReactNode | ((props: ListDataItemProps<T>) => ReactNode);
+    wrapper?: (children: ReactNode) => ReactElement;
     custom?: boolean | null | undefined;
     onClick?: ((item: ListDataItem<T>, event: Event | SyntheticEvent) => void) | null | undefined;
     onMouseUp?: ((item: ListDataItem<T>, event: Event | SyntheticEvent) => void) | null | undefined;

package/dist/list/list.d.ts

@@ -29,6 +29,7 @@ export interface ListProps<T = unknown> {
     onScrollToBottom: () => void;
     onResize: (info: Size) => void;
     shortcuts: boolean;
+    shortcutsMap?: ShortcutsMap;
     renderOptimization: boolean;
     disableMoveDownOverflow: boolean;
     ariaLabel: string;
@@ -99,6 +100,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
         activateSingleItem: PropTypes.Requireable<boolean>;
         activateFirstItem: PropTypes.Requireable<boolean>;
         shortcuts: PropTypes.Requireable<boolean>;
+        shortcutsMap: PropTypes.Requireable<object>;
         onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollToBottom: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/list/list.js

@@ -419,7 +419,11 @@ var List = /*#__PURE__*/function (_Component) {
           default:
             throw new Error("Unknown menu element type: ".concat(itemProps.rgItemType));
         }
-        el = /*#__PURE__*/React.createElement(ItemComponent, itemProps);
+        if (itemProps.wrapper) {
+          el = itemProps.wrapper( /*#__PURE__*/React.createElement(ItemComponent, itemProps));
+        } else {
+          el = /*#__PURE__*/React.createElement(ItemComponent, itemProps);
+        }
       }
       return parent ? /*#__PURE__*/React.createElement(CellMeasurer, {
         cache: _this._cache,
@@ -703,7 +707,7 @@ var List = /*#__PURE__*/function (_Component) {
         onMouseLeave: this.clearSelected,
         "data-test": "ring-list"
       }, this.props.shortcuts && /*#__PURE__*/React.createElement(Shortcuts, {
-        map: this.shortcutsMap,
+        map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
         scope: this.shortcutsScope
       }), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/React.createElement("div", {
         className: modules_3b67a421.fade,
@@ -766,6 +770,7 @@ _defineProperty(List, "propTypes", {
   activateSingleItem: PropTypes.bool,
   activateFirstItem: PropTypes.bool,
   shortcuts: PropTypes.bool,
+  shortcutsMap: PropTypes.object,
   onMouseOut: PropTypes.func,
   onSelect: PropTypes.func,
   onScrollToBottom: PropTypes.func,

package/dist/old-browsers-message/white-list.js

@@ -12,11 +12,11 @@ var MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 117", "chrome 117", "chrome 116", "chrome 115", "chrome 109", "edge 117", "edge 116", "firefox 117", "ios_saf 16.6", "ios_saf 15.6-15.7", "op_mini all", "safari 16.6", "samsung 22"]) {
+if (!["and_chr 118", "chrome 117", "chrome 116", "chrome 115", "chrome 109", "edge 117", "edge 116", "firefox 117", "ios_saf 16.6", "ios_saf 15.6-15.7", "op_mini all", "safari 16.6", "samsung 22"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-var SUPPORTED = ["and_chr 117", "chrome 117", "chrome 116", "chrome 115", "chrome 109", "edge 117", "edge 116", "firefox 117", "ios_saf 16.6", "ios_saf 15.6-15.7", "op_mini all", "safari 16.6", "samsung 22"] || [];
+var SUPPORTED = ["and_chr 118", "chrome 117", "chrome 116", "chrome 115", "chrome 109", "edge 117", "edge 116", "firefox 117", "ios_saf 16.6", "ios_saf 15.6-15.7", "op_mini all", "safari 16.6", "samsung 22"] || [];
 var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
   var _item$match;

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

@@ -297,6 +297,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     clearRef: (node: ComponentRef<typeof Button> | null) => void;
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
+    listShortcutsMap: ShortcutsMap;
     renderActions(): React.ReactNode[];
     render(): React.JSX.Element;
 }

package/dist/query-assist/query-assist.js

@@ -567,6 +567,10 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       home: noop,
       end: noop
     });
+    _defineProperty(_assertThisInitialized(_this), "listShortcutsMap", {
+      home: noop,
+      end: noop
+    });
     var _query = _props.query || '';
     _this.immediateState = {
       query: _query,
@@ -945,6 +949,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
           data: useCustomItemRender ? _this8.state.suggestions : _this8.renderSuggestions(),
           "data-test": "ring-query-assist-popup",
           hint: _this8.props.hint,
+          shortcutsMap: _this8.listShortcutsMap,
           hintOnSelection: _this8.props.hintOnSelection,
           left: _this8.getPopupOffset(_this8.state.suggestions),
           maxHeight: PopupMenu.PopupProps.MaxHeight.SCREEN,