@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/select/select-popup.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import searchIcon from '@jetbrains/icons/search';
@@ -22,10 +21,12 @@ import '../global/controls-height.js';
 import { createComposedRef } from '../global/compose-refs.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
 import { s as styles, S as SelectFilter } from '../_helpers/select-filter.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 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-dom';
 import '../global/schedule-raf.js';
 import '../global/data-tests.js';
@@ -39,9 +40,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -49,9 +50,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -227,21 +228,21 @@ class SelectPopup extends PureComponent {
   getFilter() {
     if (this.props.filter || this.props.tags) {
       var _this$props$filterIco;
-      return jsxs("div", {
+      return /*#__PURE__*/jsxs("div", {
         className: styles.filterWrapper,
-        "data-test": 'ring-select-popup-filter',
-        children: [!this.props.tags && jsx(Icon, {
+        "data-test": "ring-select-popup-filter",
+        children: [!this.props.tags && /*#__PURE__*/jsx(Icon, {
           glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
           className: styles.filterIcon,
-          "data-test-custom": 'ring-select-popup-filter-icon'
-        }), jsx(FilterWithShortcuts, {
+          "data-test-custom": "ring-select-popup-filter-icon"
+        }), /*#__PURE__*/jsx(FilterWithShortcuts, {
           rgShortcutsOptions: this.state.popupFilterShortcutsOptions,
           rgShortcutsMap: this.popupFilterShortcutsMap,
           value: this.props.filterValue,
           inputRef: this.composedFilterRef(this.filterRef, this.props.filterRef),
           onBlur: this.popupFilterOnBlur,
           onFocus: this.onFilterFocus,
-          className: 'ring-js-shortcuts',
+          className: "ring-js-shortcuts",
           inputClassName: classNames({
             [styles.filterWithTagsInput]: this.props.tags
           }),
@@ -250,7 +251,7 @@ class SelectPopup extends PureComponent {
           onChange: this.props.onFilter,
           onClick: this.onClickHandler,
           onClear: this.props.tags ? undefined : this.props.onClear,
-          "data-test-custom": 'ring-select-popup-filter-input',
+          "data-test-custom": "ring-select-popup-filter-input",
           listId: this.props.listId,
           enableShortcuts: Object.keys(this.popupFilterShortcutsMap)
         })]
@@ -273,8 +274,8 @@ class SelectPopup extends PureComponent {
     return undefined;
   }
   getTags() {
-    return Array.isArray(this.props.selected) && jsx("div", {
-      children: jsx(TagsList, {
+    return Array.isArray(this.props.selected) && /*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx(TagsList, {
         tags: this.props.selected,
         activeIndex: this.state.tagsActiveIndex,
         handleRemove: this.handleRemoveTag,
@@ -289,7 +290,7 @@ class SelectPopup extends PureComponent {
       const classes = classNames([styles.filterWithTags, {
         [styles.filterWithTagsFocused]: !this.state.popupFilterShortcutsOptions.disabled
       }]);
-      return jsxs("div", {
+      return /*#__PURE__*/jsxs("div", {
         className: classes,
         children: [this.getTags(), this.getFilter()]
       });
@@ -303,11 +304,11 @@ class SelectPopup extends PureComponent {
       data
     } = this.props;
     const hasMoreThanOneItem = data.length > 1;
-    return (loading || message) && jsxs("div", {
+    return (loading || message) && /*#__PURE__*/jsxs("div", {
       className: classNames(styles.bottomLine, {
         [styles.bottomLineOverItem]: hasMoreThanOneItem
       }),
-      children: [loading && jsx(LoaderInline, {}), message && jsx("div", {
+      children: [loading && /*#__PURE__*/jsx(LoaderInline, {}), message && /*#__PURE__*/jsx("div", {
         className: styles.message,
         children: message
       })]
@@ -330,7 +331,7 @@ class SelectPopup extends PureComponent {
       if (this.props.toolbar) {
         maxHeight -= TOOLBAR_HEIGHT;
       }
-      return jsx(List, {
+      return /*#__PURE__*/jsx(List, {
         id: this.props.listId,
         maxHeight: maxHeight,
         data: this.props.data,
@@ -361,13 +362,13 @@ class SelectPopup extends PureComponent {
   getSelectAll = () => {
     const multiple = this.props.multiple;
     const activeFilters = this.props.data.filter(item => !item.disabled);
-    return Array.isArray(this.props.selected) && jsxs("div", {
+    return Array.isArray(this.props.selected) && /*#__PURE__*/jsxs("div", {
       className: styles.selectAll,
-      children: [activeFilters.length === 0 ? jsx("span", {}) : jsx(Button, {
+      children: [activeFilters.length === 0 ? /*#__PURE__*/jsx("span", {}) : /*#__PURE__*/jsx(Button, {
         inline: true,
         onClick: this.handleSelectAll,
         children: activeFilters.length !== this.props.selected.length ? multiple.selectAllLabel || 'Select all' : multiple.deselectAllLabel || 'Deselect all'
-      }), multiple.renderSelectedItemsDescription?.(this.props.selected, activeFilters.length) || jsx(Text, {
+      }), multiple.renderSelectedItemsDescription?.(this.props.selected, activeFilters.length) || /*#__PURE__*/jsx(Text, {
         info: true,
         children: `${this.props.selected.length} selected`
       })]
@@ -446,14 +447,14 @@ class SelectPopup extends PureComponent {
       filter
     } = this.props;
     const classes = classNames(styles.popup, className);
-    return jsx(PopupTargetContext.Consumer, {
+    return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
       children: 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 bottomLine = this.getBottomLine();
         const hasContent = filterWithTags || selectAll || list || bottomLine || toolbar || topbar;
-        return jsx(Popup, {
+        return /*#__PURE__*/jsx(Popup, {
           trapFocus: false,
           ref: this.popupRef,
           hidden: hidden || !hasContent,
@@ -473,12 +474,12 @@ class SelectPopup extends PureComponent {
           autoCorrectTopOverflow: false,
           style: style,
           largeBorderRadius: true,
-          children: jsxs("div", {
+          children: /*#__PURE__*/jsxs("div", {
             dir: dir,
-            children: [!hidden && filter && jsx(Shortcuts, {
+            children: [!hidden && filter && /*#__PURE__*/jsx(Shortcuts, {
               map: this.shortcutsMap,
               scope: this.shortcutsScope
-            }), topbar, hidden ? jsx("div", {}) : filterWithTags, selectAll, list, bottomLine, toolbar]
+            }), topbar, hidden ? /*#__PURE__*/jsx("div", {}) : filterWithTags, selectAll, list, bottomLine, toolbar]
           })
         });
       }

package/components/select/select.d.ts

@@ -235,7 +235,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     _showPopup: () => void;
     _hidePopup: (tryFocusAnchor?: boolean) => void;
     addHandler: () => void;
-    getToolbar(): import("react/jsx-runtime").JSX.Element | null;
+    getToolbar(): React.JSX.Element | null;
     getTopbar(): ReactNode;
     getLowerCaseLabel: typeof getLowerCaseLabel;
     doesLabelMatch: typeof doesLabelMatch;
@@ -276,8 +276,8 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
         'shift+down': typeof noop;
         space: typeof noop;
     };
-    renderSelect(activeItemId: string | undefined): import("react/jsx-runtime").JSX.Element;
-    render(): import("react/jsx-runtime").JSX.Element;
+    renderSelect(activeItemId: string | undefined): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export type SingleSelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
 export type MultipleSelectAttrs<T = unknown> = React.JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;

package/components/select/select.js

@@ -1,4 +1,3 @@
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -7,6 +6,7 @@ import { dequal } from 'dequal';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { A as Anchor } from '../_helpers/anchor.js';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import Avatar from '../avatar/avatar.js';
 import Popup from '../popup/popup.js';
 import List, { ActiveItemContext } from '../list/list.js';
@@ -24,11 +24,12 @@ import { ControlsHeightContext } from '../global/controls-height.js';
 import SelectPopup from './select-popup.js';
 import { ControlsHeight } from '../global/configuration.js';
 import { Size as Size$1 } from '../avatar/avatar-size.js';
+import 'react-compiler-runtime';
 import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../_helpers/avatar-info.js';
 import '../avatar/fallback-avatar.js';
+import '../_helpers/avatar-info.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../tab-trap/tab-trap.js';
@@ -57,9 +58,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -79,9 +80,6 @@ import '../_helpers/select-filter.js';
 
 var styles = {"select":"ring-select-select","value":"ring-select-value ring-global-ellipsis ring-global-font","icons":"ring-select-icons","toolbar":"ring-select-toolbar","button":"ring-select-button","buttonSpaced":"ring-select-buttonSpaced","inputMode":"ring-select-inputMode","heightS":"ring-select-heightS","heightL":"ring-select-heightL","selectedIcon":"ring-select-selectedIcon ring-global-resetButton","clearIcon":"ring-select-clearIcon","sizeS":"ring-select-sizeS","sizeM":"ring-select-sizeM","sizeL":"ring-select-sizeL","sizeFULL":"ring-select-sizeFULL","sizeAUTO":"ring-select-sizeAUTO","buttonMode":"ring-select-buttonMode","open":"ring-select-open","buttonContainer":"ring-select-buttonContainer","buttonValue":"ring-select-buttonValue ring-global-ellipsis","buttonValueOpen":"ring-select-buttonValueOpen","buttonValueEmpty":"ring-select-buttonValueEmpty","label":"ring-select-label","disabled":"ring-select-disabled","avatar":"ring-select-avatar","popup":"ring-select-popup","chevron":"ring-select-chevron","chevronIcon":"ring-select-chevronIcon"};
 
-/**
- * @name Select
- */
 function noop() {}
 /**
  * @enum {number}
@@ -506,10 +504,10 @@ class Select extends Component {
       separator: reset.separator,
       key: reset.label,
       rgItemType: List.ListProps.Type.CUSTOM,
-      template: jsx(Button, {
+      template: /*#__PURE__*/jsx(Button, {
         inline: true,
         className: styles.button,
-        "data-test": 'ring-select-reset-tags-button',
+        "data-test": "ring-select-reset-tags-button",
         height: ControlsHeight.S,
         children: reset.label
       }),
@@ -539,7 +537,7 @@ class Select extends Component {
     // eslint-disable-next-line no-underscore-dangle
     const _shownData = this._prependResetOption(shownData);
     const activeIndex = this._getActiveIndex(_shownData);
-    return jsx(I18nContext.Consumer, {
+    return /*#__PURE__*/jsx(I18nContext.Consumer, {
       children: ({
         translate
       }) => {
@@ -551,7 +549,7 @@ class Select extends Component {
           var _this$props$notFoundM;
           message = (_this$props$notFoundM = this.props.notFoundMessage) !== null && _this$props$notFoundM !== void 0 ? _this$props$notFoundM : translate('noOptionsFound');
         }
-        return jsx(SelectPopup, {
+        return /*#__PURE__*/jsx(SelectPopup, {
           data: _shownData,
           message: message,
           toolbar: showPopup && this.getToolbar(),
@@ -568,7 +566,8 @@ class Select extends Component {
           top: this.props.top,
           left: this.props.left,
           offset: this.props.offset,
-          filter: this.isInputMode() ? false : this.props.filter,
+          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,
@@ -638,21 +637,21 @@ class Select extends Component {
     if (!isToolbarHasElements) {
       return null;
     }
-    return jsxs("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: classNames({
         [styles.toolbar]: Boolean(this.state.addButton || renderBottomToolbar)
       }),
-      "data-test": 'ring-select-toolbar',
-      children: [renderBottomToolbar && renderBottomToolbar(), this.state.addButton && jsx(Button, {
+      "data-test": "ring-select-toolbar",
+      children: [renderBottomToolbar && renderBottomToolbar(), this.state.addButton && /*#__PURE__*/jsx(Button, {
         inline: true,
         delayed: delayed,
         className: classNames(styles.button, styles.buttonSpaced),
         onClick: this.addHandler,
-        "data-test": 'ring-select-toolbar-button',
+        "data-test": "ring-select-toolbar-button",
         children: prefix ? `${prefix} ${label}` : label
-      }), hint && jsx(List.ListHint, {
+      }), hint && /*#__PURE__*/jsx(List.ListHint, {
         label: hint,
-        "data-test": 'ring-select-toolbar-hint'
+        "data-test": "ring-select-toolbar-hint"
       })]
     });
   }
@@ -939,9 +938,9 @@ class Select extends Component {
     const icons = [];
     const height = this.getHeight();
     if (!Array.isArray(selected) && selected?.icon) {
-      icons.push(jsx("button", {
-        title: 'Toggle options popup',
-        type: 'button',
+      icons.push(/*#__PURE__*/jsx("button", {
+        title: "Toggle options popup",
+        type: "button",
         className: styles.selectedIcon,
         disabled: this.props.disabled,
         onClick: this._clickHandler,
@@ -951,9 +950,9 @@ class Select extends Component {
       }, 'selected'));
     }
     if (clear && !disabled && !this._selectionIsEmpty()) {
-      icons.push(jsx(Button, {
-        title: 'Clear selection',
-        "data-test": 'ring-clear-select',
+      icons.push(/*#__PURE__*/jsx(Button, {
+        title: "Clear selection",
+        "data-test": "ring-clear-select",
         className: styles.clearIcon,
         disabled: this.props.disabled,
         onClick: this.clear,
@@ -962,8 +961,8 @@ class Select extends Component {
       }, 'close'));
     }
     if (!hideArrow) {
-      icons.push(jsx(Button, {
-        title: 'Toggle options popup',
+      icons.push(/*#__PURE__*/jsx(Button, {
+        title: "Toggle options popup",
         className: styles.chevron,
         iconClassName: styles.chevronIcon,
         icon: chevronDownIcon,
@@ -975,7 +974,7 @@ class Select extends Component {
     return icons;
   }
   _getAvatar() {
-    return !Array.isArray(this.state.selected) && (this.state.selected?.avatar || this.state.selected?.showGeneratedAvatar) && jsx(Avatar, {
+    return !Array.isArray(this.state.selected) && (this.state.selected?.avatar || this.state.selected?.showGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
       className: styles.avatar,
       url: this.state.selected.avatar,
       username: this.state.selected.username,
@@ -1019,7 +1018,7 @@ class Select extends Component {
     if (this.props.type === Type.INPUT || this.props.type === Type.BUTTON) {
       const icons = this._getIcons();
       style = getStyle(icons.length);
-      iconsNode = jsx("div", {
+      iconsNode = /*#__PURE__*/jsx("div", {
         className: styles.icons,
         children: icons
       });
@@ -1034,22 +1033,22 @@ class Select extends Component {
     switch (this.props.type) {
       case Type.INPUT_WITHOUT_CONTROLS:
       case Type.INPUT:
-        return jsxs(Fragment$1, {
-          children: [jsxs("div", {
+        return /*#__PURE__*/jsxs(Fragment$1, {
+          children: [/*#__PURE__*/jsxs("div", {
             ref: this.nodeRef,
             className: classNames(classes, styles.inputMode),
             "data-test": joinDataTestAttributes('ring-select', dataTest),
-            role: 'presentation' // has interactive elements inside
+            role: "presentation" // has interactive elements inside
             ,
             onMouseDown: this.mouseDownHandler,
             onMouseUp: this.mouseUpHandler,
-            children: [shortcutsEnabled && jsx(Shortcuts, {
+            children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
               map: this.getShortcutsMap(),
               scope: this.shortcutsScope
-            }), jsx(Input, {
+            }), /*#__PURE__*/jsx(Input, {
               ...ariaProps,
               height: this.props.height,
-              autoComplete: 'off',
+              autoComplete: "off",
               id: this.props.id,
               onClick: this._clickHandler,
               inputRef: this.composedFilterRef(this.filterRef, this.props.filterRef),
@@ -1060,13 +1059,14 @@ class Select extends Component {
               size: Size.FULL,
               onChange: this._filterChangeHandler,
               onFocus: this._focusHandler,
-              onBlur: this._blurHandler,
+              onBlur: this._blurHandler
               // Input with error style without description
+              ,
               error: this.props.error ? '' : null,
               label: this.props.type === Type.INPUT ? this._getLabel() : null,
               placeholder: this.props.inputPlaceholder,
               onKeyDown: this.props.onKeyDown,
-              "data-test": 'ring-select__focus',
+              "data-test": "ring-select__focus",
               enableShortcuts: shortcutsEnabled ? Object.keys({
                 ...this.getShortcutsMap(),
                 ...this._popup?.list?.shortcutsMap
@@ -1074,27 +1074,27 @@ class Select extends Component {
               icon: this.props.filterIcon,
               afterInput: iconsNode
             }), this._renderPopup()]
-          }), this.props.error && jsx("div", {
+          }), this.props.error && /*#__PURE__*/jsx("div", {
             className: classNames(inputStyles.errorText, inputStyles[`size${this.props.size}`]),
             children: this.props.error
           })]
         });
       case Type.BUTTON:
-        return jsxs("div", {
+        return /*#__PURE__*/jsxs("div", {
           ref: this.nodeRef,
           className: classNames(classes, styles.buttonMode),
           "data-test": joinDataTestAttributes('ring-select', dataTest),
-          children: [selectedLabel && jsx(ControlLabel, {
+          children: [selectedLabel && /*#__PURE__*/jsx(ControlLabel, {
             type: this.props.labelType,
             disabled: this.props.disabled,
             htmlFor: this.props.id,
             children: selectedLabel
-          }), shortcutsEnabled && jsx(Shortcuts, {
+          }), shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
-          }), jsxs("div", {
+          }), /*#__PURE__*/jsxs("div", {
             className: styles.buttonContainer,
-            children: [jsxs(Button, {
+            children: [/*#__PURE__*/jsxs(Button, {
               ...ariaProps,
               height: this.props.height,
               id: this.props.id,
@@ -1105,25 +1105,25 @@ class Select extends Component {
               }),
               disabled: this.props.disabled,
               style: style,
-              "data-test": 'ring-select__button ring-select__focus',
+              "data-test": "ring-select__button ring-select__focus",
               children: [this._getAvatar(), this._getPlaceholder()]
             }), iconsNode]
           }), this._renderPopup()]
         });
       case Type.INLINE:
-        return jsxs("div", {
+        return /*#__PURE__*/jsxs("div", {
           className: classes,
           ref: this.nodeRef,
           "data-test": joinDataTestAttributes('ring-select', dataTest),
-          children: [shortcutsEnabled && jsx(Shortcuts, {
+          children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
             map: this.getShortcutsMap(),
             scope: this.shortcutsScope
-          }), jsx(Anchor, {
+          }), /*#__PURE__*/jsx(Anchor, {
             ...ariaProps,
             className: (_this$props$buttonCla = this.props.buttonClassName) !== null && _this$props$buttonCla !== void 0 ? _this$props$buttonCla : undefined,
             id: this.props.id,
             onClick: this._clickHandler,
-            "data-test": 'ring-select__focus',
+            "data-test": "ring-select__focus",
             disabled: this.props.disabled,
             active: this.state.showPopup,
             children: this._getPlaceholder()
@@ -1131,8 +1131,8 @@ class Select extends Component {
         });
       default:
         if (this.props.customAnchor) {
-          return jsxs(Fragment, {
-            children: [shortcutsEnabled && jsx(Shortcuts, {
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [shortcutsEnabled && /*#__PURE__*/jsx(Shortcuts, {
               map: this.getShortcutsMap(),
               scope: this.shortcutsScope
             }), this.props.customAnchor({
@@ -1152,17 +1152,17 @@ class Select extends Component {
             })]
           });
         }
-        return jsx("span", {
+        return /*#__PURE__*/jsx("span", {
           id: this.props.id,
           ref: this.nodeRef,
-          "data-test": 'ring-select',
+          "data-test": "ring-select",
           children: this._renderPopup()
         });
     }
   }
   render() {
-    return jsx(ActiveItemContext.Provider, {
-      children: jsx(ActiveItemContext.ValueContext.Consumer, {
+    return /*#__PURE__*/jsx(ActiveItemContext.Provider, {
+      children: /*#__PURE__*/jsx(ActiveItemContext.ValueContext.Consumer, {
         children: activeItemId => this.renderSelect(activeItemId)
       })
     });

package/components/shortcuts/shortcuts-hoc.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import getUID from '../global/get-uid.js';
 import Shortcuts from './shortcuts.js';
+import { jsx } from 'react/jsx-runtime';
 import './core.js';
 import 'combokeys';
 import '../global/sniffer.js';
@@ -16,12 +16,12 @@ function shortcutsHOC(ComposedComponent) {
         rgShortcutsMap,
         ...props
       } = this.props;
-      return jsx(Shortcuts, {
+      return /*#__PURE__*/jsx(Shortcuts, {
         scope: this._shortcutsScopeUid,
         map: rgShortcutsMap,
         options: rgShortcutsOptions,
         disabled: rgShortcutsOptions.disabled,
-        children: jsx(ComposedComponent, {
+        children: /*#__PURE__*/jsx(ComposedComponent, {
           ...props
         })
       });